使用create-react-app v2进行生产构建时编译失败

时间:2018-11-05 02:41:05

标签: css reactjs sass create-react-app

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

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: $progress-size - 2 * $border-size
^..^

从create-react-app v1迁移到create-react-app v2 后,在进行生产构建时遇到上述编译失败。本地开发项目yarn start在正常运行。

注意::我在create-react-app v1中没有遇到此问题。

我尝试通过使用SCSS插值来解决此问题,即:用$progress-size$border-size #{}包装#{$progress-size}#{$border-size}它解决了问题。

Screenshot of the above error message

任何人都可以解释为什么我必须这样解决它,以及是否有更好的方法吗?

0 个答案:

没有答案