记一次在vue中使用scss报错

2020-04-08 19:58:54 阅读：309 来源： 互联网

标签：scss node style vue sass modules loader 报错

1. 安装scss

npm install node-sass sass-loader --save-dev

npm install style-loader css-loader --save-dev

2. 在build文件中找到webpack.base.conf.js，配置如下：

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

 {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]          // 顺序不能乱
      }

3. 觉得这样就ok了，可是运行时，报错

Module build failed: TypeError: this.getResolve is not a function
    at Object.loader (C:\Users\BigBear\Desktop\vue_admintest\node_modules\_sass-loader@8.0.2@sass-loader\dist\index.js:52:26)

 @ ./node_modules/_style-loader@1.1.3@style-loader/dist/cjs.js!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?
{"vue":true,"id":"data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js!./
node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 2:26-345

一般这种情况就是说sass-loader当前的版本太高了，将其调低一点就行之前版本

"sass-loader": "^8.0.2", 现在版本： "sass-loader": "^7.0.2",

标签：scss,node,style,vue,sass,modules,loader,报错
来源： https://www.cnblogs.com/big--Bear/p/12662084.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

记一次在vue中使用scss报错