Laravel项目执行npm run watch时Webpack编译提示sass-loader缺失错误
报错核心原因
项目依赖中缺失编译Sass样式所需的sass-loader模块,Webpack无法定位到对应依赖完成资源编译。附带的系统通知报错为次要问题,不影响核心编译功能,解决依赖缺失后可直接忽略。
解决步骤
- 进入项目根目录(对应报错路径为
C:\Xampp\htdocs\wordpress\wp-content\themes\desire-theme),在终端执行如下命令安装缺失依赖:npm install sass sass-loader --save-dev - 依赖安装完成后,重新执行编译命令验证是否修复:
npm run watch - 若安装后仍报相同错误,可重置所有依赖后重试:
- 删除项目根目录下的
node_modules文件夹 - 删除项目根目录下的
package-lock.json锁文件 - 执行
npm install重新安装全量依赖 - 再次执行
npm run watch启动编译
- 删除项目根目录下的
- 若仍有问题,可检查项目根目录下的
webpack.mix.js配置,确认Sass编译配置的源文件路径真实存在,参考配置示例:mix.sass('resources/sass/app.scss', 'public/css')
内容的提问来源于stack exchange,提问作者kunee51
相关产品推荐
相关产品推荐

