添加sass-loader后build时报错，dev时不报错

[kevinlvhsl]

• 改动 在Home.vue中添加如下代码

  <style lang="scss" scoped>
  .active {
  background-color: blue;
  width: 300px;
  }
  </style>

  vue-loader-config.js中第8行添加如下代码：

  sass: ExtractTextPlugin.extract({ fallback: 'vue-style-loader', use: 'css-loader!sass-loader' }),
  scss: ExtractTextPlugin.extract({ fallback: 'vue-style-loader', use: 'css-loader!sass-loader' }),

  ======

• 错误如下： Module not found: Error: Can't resolve 'scss-loader' in '...projectDir/src/views/home.vue'

• 疑惑 npm run build:client 和 npm run dev时都不报错 npm run build:server时才会报错

请问这是什么原因？

[kevinlvhsl]

找到解决问题的方法了。 升级vue-loader yarn add vue-loader@12.2.2 -D （为了不引起更多的问题,也不要升级到最新的版本，因为当前项目的webpack是3.x） 升级之后再次yarn dev 或 yarn build 或 yarn build:server 都没有问题了

[webcailan]

使用全局sass的时候你那边报错吗？我这边能解决dev 的时候全局引用~但是无法解决build的~

loaders = { css: [ 'vue-style-loader', 'css-loader' ], less: [ 'vue-style-loader', 'css-loader', 'less-loader', { loader: 'sass-resources-loader', options: { // 需更改为项目中实际scss文件路径 resources: path.resolve(__dirname, '../static/less/_main.less'), }, }, ], }