最近在使用VUE开发项目,在使用命令:npm run dev的时候出现如下报错
ERROR Failed to compile with 3 errors
These relative modules were not found:
* ./styles/index.scss in ./src/main.js
* ./index.vue?vue&type=style&index=0&id=37dfd6fc&lang=scss&scoped=true& in ./src/views/login/index.vue
* ./404.vue?vue&type=style&index=0&id=6b3aeb0e&rel=stylesheet%2Fscss&lang=scss&scoped=true& in ./src/views/404.vue
但是,模块明明是存在的,按照网上的各种方法,检查路径(index.css、index.vue、404.vue肯定是存在的),安装css-loader、node-sass、sass、sass-loader、scss、scss-loader,并且重新npm install,都没有解决问题。
最后执行了命令:
npm install sass-resources-loader --save-dev
才解决此问题。查了下sass-resources-loader,其功能是实现全局变量、方法注入。所以虽然报的是These relative modules were not found,其实是scss文件未正确引入。