解决React中SCSS编译问题
在使用Create React App(CRA)开发React应用时,经常会遇到一些编译和构建问题,尤其是在使用SCSS时。本文将通过一个实际的案例,详细讲解如何解决SCSS在CRA中编译时出现的常见问题。
背景介绍
假设我们有一个React项目,名为react-qitoj,我们已经安装了node-sass和react-scripts来处理SCSS文件。项目运行良好,但在执行npm run build时,遇到了如下错误:
Failed to compile. static/css/main.a79b553d.css from Css Minimizer plugin mymac/react- qitoj/static/css/main.a79b553d.css:653:25:Missed semicolon [webpack://. /src/index.scss