问题描述

 ERROR  Failed to compile with 1 error                                                                                                                                              8:16:54

 error  in ./src/styles/index.scss

Syntax Error: Error: Cannot find module 'node-sass'
Require stack:
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\sass-loader\dist\getDefaultSassImplementation.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\sass-loader\dist\getSassImplementation.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\sass-loader\dist\index.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\sass-loader\dist\cjs.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\loader-runner\lib\loadLoader.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\loader-runner\lib\LoaderRunner.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\webpack\lib\NormalModule.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\webpack\lib\NormalModuleFactory.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\webpack\lib\Compiler.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\webpack\lib\webpack.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\@vue\cli-service\lib\commands\serve.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\@vue\cli-service\lib\Service.js
- D:\Project\VscodeProject\ZHGD_WEB\node_modules\@vue\cli-service\bin\vue-cli-service.js


 @ ./src/styles/index.scss 4:14-225 15:3-20:5 16:22-233
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.9:9528&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

原因分析：

node12版本与最新node-sass版本冲突

解决方案：

①. 运行命令： npm i -D sass
②. 重新运行项目： npm run dev