在vue项目中使用lang='scss'报错

在vue项目中样式使用scss出现错误，

This dependency was not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./a.vue in ./src/components/login.vue

 

下载相应的依赖包

npm  install sass-loader --save-dev
npm install node-sass --sava-dev

出现下载完成之后运行 npm run dev还是会报错，

 

出现这种情况是因为当前sass版本太高，webpack编译时出现了错误，这时找到package.json文件，将里面的 "sass-loader"的版本更换掉就行了，

我本地是将 "sass-loader": "^8.0.0"，更换成了 "sass-loader": "^7.3.1",同时将"node-sass"改为"^4.11.0",

执行命令，重新安装项目依赖：

npm install

之后运行项目 npm run dev

问题就解决了。