ant-design-vue引入样式问题

最新推荐文章于 2025-05-27 11:26:28 发布

原创最新推荐文章于 2025-05-27 11:26:28 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

vue前端专栏收录该内容

2 篇文章

订阅专栏

在尝试按照ant-design-vue官网指导引入样式时遇到JavaScript未启用的错误。通过检查发现官方示例是两年前的版本，需要更新配置方法。在vue.config.js中正确配置后，解决了报错，成功引入样式。

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

按照ant-design-vue官网引入样式

虽然官网这里写了可以 import 'ant-design-vue/dist/antd.less' 但是引入less却报错了

报错未启用JavaScript，看了官方的操作是在vue.config.js中配置开启JavaScript

我按着操作后又报错了

提示语法错误，猜测是写法不一样了，官网是两年前的写法

这里我的版本是这样：

按照新的写法这样就可以了

// vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
        less: {
            lessOptions: {
                javascriptEnabled: true
            }
        }
    }
  }
})