多方查阅

排除了没有less 和less-loader的可能 

这个问题定位应该是webpack关于less-loader的配置默认值是不合适的

需要添加新的配置进去 

但是Vue-CLI3没有将2.x时的webpack.base.conf.js文件暴露在项目目录中 

而是通过创建vue.config.js并添加自定义配置项在里面 最终在run serve或run build的时候 检测该js文件并将配置项通过merge合并进去 的方式实现配置项的修改

在Vue-cli2.x的时候 给loader加配置项是方式是这样的

{ loader: 'less-loader', options: { javascriptEnabled: true } }

在Vue-Cli3.0中需要这样写vue.config.js

module.exports = {
  css: {
    loaderOptions: { // 向 CSS 相关的 loader 传递选项
      less: {
        javascriptEnabled: true
      }
    }
  }
}

这个时候重启项目

npm run serve

是不是就不再报这个错误了?

Logo

前往低代码交流专区

更多推荐