zoukankan      html  css  js  c++  java
  • 记一次在vue中使用scss报错

    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:UsersBigBearDesktopvue_admintest
    ode_modules\_sass-loader@8.0.2@sass-loaderdistindex.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",
  • 相关阅读:
    three.js-texture
    three.js-binary operator
    three.js-model
    three.js-bone
    JS时间戳
    JQUERY删除操作
    Synchronized和Static Synchronized区别
    JQUERY 保存成功后又下角动态提示
    jquery from提交和post提交
    防止多次领取红包进行ID锁
  • 原文地址:https://www.cnblogs.com/big--Bear/p/12662084.html
Copyright © 2011-2022 走看看