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
任何人都可以解释为什么我必须这样解决它,以及是否有更好的方法吗?