vue-cli中引入antd样式——报错Inline JavaScript is not enabled

置顶 scott嘻嘻

已于 2022-03-03 16:41:00 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： antd vue-cli 文章标签： vue.js webpack 前端框架

于 2021-03-25 16:58:11 首次发布

本文链接：https://blog.youkuaiyun.com/jiongshaopeng/article/details/115212890

1 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了解决Vue项目中使用Ant Design样式时遇到的错误——InlineJavaScriptisnotenabled的方法。通过配置vue.config.js文件来开启JavaScript支持，使得能够正确加载Ant Design的LESS样式。

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

一、背景

在vue组件中利用style引入antd样式，报错代码来源如下

	@import "~ant-design-vue/lib/style/themes/default.less";

报错核心问题如下图所示
报错问题

这个问题是由于antd现版本内部引用较低的less版本，vue-cli加载进高版本的less。（原因描述不够严谨，可能有问题，但是方法是OK的）
第一种解决方法就是降低less版本。第二种就是开启Javascript。本文采用第二种方法。

在项目根目录下新建vue.config.js文件，本问题相关代码如下

module.exports = {
  css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true
      }
    }
  }
}

此文章如有不足之处，希望大家在评论区一起交流哦！谢谢大家！！！