Vue.js —— 使用ant design vue时无法加载less-loader/less模块

最新推荐文章于 2024-06-10 01:56:33 发布

邬羽

最新推荐文章于 2024-06-10 01:56:33 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： Vue.js less-loader less

本文链接：https://blog.csdn.net/kiyoometal/article/details/100534816

VUE 专栏收录该内容

14 篇文章

订阅专栏

本文解决AntDesignVue在VueCLI3环境中遇到的问题，提供两种解决方案：降级VueCLI版本或修改vue.config.js配置文件，确保UI组件与项目环境兼容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题来源：ant design vue的issues https://github.com/vueComponent/ant-design-vue/issues/234
问题产生原因：如果安装vue-cli3，再引入ant design vue UI组件的话会产生这个错误。
解决办法：
1、降级vue-cli3 ，举个栗子，降到2.2.1
npm install vue@2.2.1 --save
2、修改vue.config.js文件，vue.config.js文件和package.json同级

module.exports = {
    css: {
      loaderOptions: {
        css: {
          // 这里的选项会传递给 css-loader
        },
        postcss: {
          // 这里的选项会传递给 postcss-loader
        },
        less:{
           // 这里的选项会传递给 less-loader
            javascriptEnabled: true,
        }
      }
    }
  }