zoukankan      html  css  js  c++  java
  • vue cli4升级sass-loader(v8)后报错

    sass-loader报错:

    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schem
    a.
     - options has an unknown property 'data'. These properties are valid:
       object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
        at validate (D:webzhijieProjectsylvisible
    ode_modulesschema-utilsdistvalidate.js:85:11)
        at Object.loader (D:webzhijieProjectsylvisible
    ode_modulessass-loaderdistindex.js:36:28)
    
     @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loa
    der/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref-
    -8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/b
    ase/chart-interaction/chart-interaction.vue?vue&type=style&index=0&lang=scss& 4:14-484 14:3-18:5 15:22-492
     @ ./src/components/base/chart-interaction/chart-interaction.vue?vue&type=style&index=0&lang=scss&
     @ ./src/components/base/chart-interaction/chart-interaction.vue
     @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref-
    -0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/layout/rightSideBar/RightSideBar.vue?vue&type=script&lang=j
    s&
     @ ./src/components/layout/rightSideBar/RightSideBar.vue?vue&type=script&lang=js&
     @ ./src/components/layout/rightSideBar/RightSideBar.vue
     @ ./src/components/layout/index.js
     @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref-
    -0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/home/Home.vue?vue&type=script&lang=js&
     @ ./src/views/home/Home.vue?vue&type=script&lang=js&
     @ ./src/views/home/Home.vue

    修改方法:

    vue.config.js

     css: {
        loaderOptions: {
          sass: {
            data: '@import "@/assets/styles/share.scss";'
          }
        }
      },

    修改成

    css: {
        loaderOptions: {
          sass: {
            prependData: '@import "@/assets/styles/share.scss";'
          }
        }
      },

    data改成prependData

  • 相关阅读:
    邻居子系统 之 更新neigh_update
    邻居子系统 之 邻居项查找neigh_lookup、___neigh_lookup_noref
    遍历集合的方法总结
    Java集合中List,Set以及Map等集合体系
    八大数据结构分类
    servlet和jsp的区别
    Web前端和Web后端的区分
    (转)为什么JavaWeb放弃jsp,去做前后端分离
    面向对象的三大基本特征和五大基本原则
    (转)2019年给Java编程初学者的建议(附学习大纲)
  • 原文地址:https://www.cnblogs.com/zhaobao1830/p/12341370.html
Copyright © 2011-2022 走看看