vue2.0中使用scss can't resolve 'scss-loader'

正在学习vue;在vue2.0+webpack环境中,.vue文件中使用lang="scss"报错,但将scss改为sass则可正常运行;相关依赖已经安装,google到的方法尝试后都没有解决;烦请看出问题的朋友不吝赐教~~灰常感谢!!!
配置文件如下
clipboard.png
clipboard.png

报错:
clipboard.png

阅读 15.8k
4 个回答

今天也遇到相同的报错,在 Vue 里使用 lang='scss' 出现 Can't resolve 'scss-loader'。

webpack.config.js 里 Vue 的 options 需要这样写:

...
{
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
        loaders: {
            scss: 'style-loader!css-loader!sass-loader',
            sass: 'style-loader!css-loader!sass-loader?indentedSyntax',
        },
    },
},

.vue文件中使用lang="scss"报错:缺少scss-loader模块,配置了vue文件的options一样不行,我谷歌了一下:

resolveLoader: {
    alias: {
        'scss-loader': 'sass-loader',
    },
},

由于scss是由sass-loader编译的,加入这段让scss-loader指向sass-loader

ele_head.vue 里有语法错误

是sass-loader不是scss-loader

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题