解决vue cli4升级sass-loader(v8)后报错问题

网络编程 2024/5/6 佚名

3 2 1

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"htmlcode">
 css: {
 loaderOptions: {
  sass: {
  data: '@import "@/assets/styles/share.scss";'
  }
 }
 },
修改成
css: {
 loaderOptions: {
  sass: {
  prependData: '@import "@/assets/styles/share.scss";'
  }
 }
 },
data改成prependData

补充知识：Vue项目中使用jquery插件

1、引入jquery，并且在vue.config.js里配置
config.plugin('provide')
  .use(webpack.ProvidePlugin,
  [{
   $: 'jquery',
   jquery: 'jquery',
   jQuery: 'jquery',
   'window.jQuery': 'jquery'
  }])
2、下载hquery插件，放到public中

3、直接在组件里使用

备注：在vue里使用jquery改变样式的时候，一定要在setTimeout里调用

以上这篇解决vue cli4升级sass-loader(v8)后报错问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。