• 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

  • 相关阅读:
    Scilab 的画图函数(2)
    Webapp的display-name问题
    记录:在老XPS1330上安装CentOS7
    包含Blob字段的表无法Export/Import
    记一段脚本的诞生
    一个短小的JS函数,用来得到仅仅包含不重复元素的数组
    然并卵
    Linux下的定时任务Crontab
    两段用来启动/重启Linux下Tomcat的Perl脚本
    JavaScript中给二维数组动态添加元素的质朴方法
  • 原文地址:https://www.cnblogs.com/zhaobao1830/p/12341370.html
Copyright © 2020-2023  润新知