contentful / create-contentful-app

Bootstrap a Contentful App

Home Page:https://contentful.com/developers/docs/extensibility/app-framework/create-contentful-app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

New app doesn't build

caspardue opened this issue · comments

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.

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