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

Question

我的node 版本和 Vue 版本

我的sass 版本

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

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

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

补充：
main.js

global.js

Answer 1

Sam 2019-09-02 22:01:52

你好，代码已调试，两处改动，第一是 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 #1

  老师，我一开始就是按住你这样写的，然后就会给报
  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里面加个那个，但是我现在去掉依然报这个错误，老师，会不会是我环境的问题

Answer 2

Sam 2019-09-01 16:09:35

hi，看报错感觉是路径识别的错误，方便提供下你的 main.js 源码吗，我看一看

• 提问者 阿忠01 #1

  老师您好，我将main.js 作为补充 在问题上面

• 提问者 阿忠01 #2

  我用 command 键点击路径 是可以调转到global.scss

• Sam 回复 提问者 阿忠01 #3

  好的，源码没看出什么问题，你确认下 ./assets/styles/global.scss 这个目录名称是否正确，我看你的截图中 assets 目录是存在的，global.scss 文件也是存在的，主要确认下：styles 目录名称是否正确，global.scss 是否在 styles 目录下，看报错就是一个路径错误

点开查看后面2条评论