在公开课程中引入了scss 后，在main.js 引入scss文件编译 This relative module was not found:

来源：3-7 global.scss和reset.scss设置

阿忠01

2019-08-31

图片描述

我的node 版本和 Vue 版本
图片描述

我的sass 版本
图片描述

那个sass-resources-loader 是我在网上根据报错有人加了这个可以了，但是我这个不行，
但是在这之前我还有一个报错，无法加载模块，然后我在webpack.base.js 中的 rules 添加了

 {
     test: /.scss$/,
     loaders: ['style', 'css', 'sass']
 },

老师方便，帮我看下么，我看了一下你之前写Git 代码，发现和视频的改动比较大，所以想请教一下一下你，有木有好的方式

补充：
main.js
图片描述

global.js
图片描述

写回答

2回答

Sam

2019-09-02

你好，代码已调试，两处改动，第一是 main.js 中，修改路径引用方式：

import '@/assets/styles/icon.css'
import '@/assets/styles/global.scss'

第二是修改 build/webpack.base.conf.js，去掉下面的 loader，这个 loader 的配置应该是你自己写的吧？去掉运行就可以运行成功了

{
   test: /\.scss$/,
   loaders: ['style', 'css', 'sass']
},

阿忠01

老师，我一开始就是按住你这样写的，然后就会给报 in ./src/assets/styles/global.scss Module build failed: TypeError: this.getResolve is not a function at Object.loader (/Volumes/Code/webstorm-learning/ebook-demo/node_modules/sass-loader/dist/index.js:52:26) @ ./src/assets/styles/global.scss 4:14-211 13:3-17:5 14:22-219 @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server ./src/main.js 这样的错误，然后我在webpack.base.conf.js里面加个那个，但是我现在去掉依然报这个错误，老师，会不会是我环境的问题

2019-09-02

共1条回复