编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

These relative modules were not found:vue&type=style&index=0&id=37dfd6fc&lang=scss&scoped=true&

最近在使用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文件未正确引入。

未经允许不得转载: 技术文章 » 前端开发 » These relative modules were not found:vue&type=style&index=0&id=37dfd6fc&lang=scss&scoped=true&