New app doesn't build
caspardue opened this issue · comments
Caspar Due commented
Hi,
I'm getting an error when trying to build.
Here's what I did:
npx @contentful/create-contentful-app init my-first-app
npm run build
The error I'm getting:
> react-scripts build
Creating an optimized production build...
Failed to compile.
./node_modules/@contentful/forma-36-react-components/dist/styles.css
ParserError: Syntax Error at line: 1, column 23
Bonus issue:
When running npm run start
on Windows I get:
$ BROWSER=none react-scripts start
'BROWSER' is not recognized as an internal or external command,
operable program or batch file.
This is because setting environment variables on Windows normally need a package like cross-env to work.
Caspar Due commented
It's this rule which breaks it:
.Workbench_Workbench__header-back__3qZkM{
margin:calc(var(--spacing-l)*-1);
margin-right:var(--spacing-m);
border-right:1px solid var(--color-element-light)}
In particular this property:
margin:calc(var(--spacing-l)*-1);
For now, I have created a patch-package replacing the property with:
margin:calc(var(--spacing-l)*(-1));
Related issue facebook/create-react-app#10130