📅  最后修改于: 2023-12-03 15:25:49.157000             🧑  作者: Mango
当使用Javascript开发前端应用时,可能会遇到以下错误信息:
ERROR in ./src/main.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleNotFoundError: Module not found: Error: Can't resolve 'sass' in 'C:\project'
这个错误信息的含义是,在编译打包项目时,无法找到名为'sass'的模块。
通常来说,这种错误信息是由于项目中缺少'sass'所依赖的包,导致Webpack找不到该模块而引发的。另外一个常见问题是,如果你使用了自己的autoprefixer实例来处理SCSS,则可能需要安装'sass-loader'以及相关的依赖包。
为了解决这个问题,我们需要安装'sass-loader'和相关的依赖包。下面是安装的步骤:
打开终端并进入到项目的根目录。
运行以下命令,安装'sass-loader'及其依赖包:
npm install sass-loader sass webpack --save-dev
运行该命令后,npm将从各自的源中下载所需的包,并将它们保存在项目的'node_modules'目录中。
安装完成后,重新编译项目,应该便可正常打包运行。
该问题源自于缺少'sass'所依赖的包,在Webpack编译打包项目时,需要该包来进行SCSS文件的编译。通过安装'sass-loader'及其相关依赖包即可解决这个问题。