Compilation Failure when Making a Production Build with create-react-app v2

[npkhoa2197]

Is this a bug report?

NO

NOTE: I does not encounter this issue in create-react-app v1

I encounter this compilation failure when doing a production build after migrating from create-react-app v1 to create-react-app v2. The local development, i.e: yarn start, is still working properly.

I tried to fix this by using SCSS interpolation, i.e: wrap $progress-size and $border-size with #{} --> #{$progress-size} #{$border-size} and it solves the problems.

I wonder why I have to fix like that? Thanks in advances.

[dreamyguy]

Similar problem here, get this error when I hit the first $variableDefinition while attempting to compile. If I comment this out it will stop at the second variable definition. 😢

[dreamyguy]

False alarm on my part. By elimination, I found that the culprit was a SASS function. It turned out I was using a rem-calc function that lives on another file (_functions.scss), without doing the import.

Doing the import did the trick and got rid of the error. ✨

@import "functions";

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[stale]

This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.

[Mulli]

While issue closed 3 days ago...
I have the same problem

Creating an optimized production build...
Failed to compile.

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100% - $sidebar-width
^.........^
error Command failed with exit code 1.

Using:
"react-scripts": "^2.1.1",
Any idea how to solve it?
Thanks!!!

[pieplu]

@Mulli Same issue for me.

Your 100% - $sidebar-width is in a CSS calc() ?

I fix it by wraping variable with sass interpolation #{}.

Try this insted: 100% - #{$sidebar-width}

[Mulli]

Yes. I did the same following the answer of @npkhoa2197.
Thanks!!!

[pieplu]

My bad.... I did not read all the message.... Thanks!