ant-design-vue按需加载的坑的解决
问题
在vue-cli4.x中按需加载ant-design-vue,在编译时报错，错误如下
原因
ant-design-vue使用less预处理器。在less3.0版本以前，javascriptEnabled属性默认为true,3.0以后默认为false。地址
目前项目中less版本为3.0.4，所以在编译中会报错
解决办法
第一种办法，在vue.config.js中添加如下配置
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
第二种办法就是把less的版本降到3.0以下即可
到此这篇关于ant-design-vue按需加载的坑的解决的文章就介绍到这了,更多相关ant-design-vue按需加载内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库！
-
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组件。 共享 Ant Design of React 设计工具体系。 支持环境 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 安装 使用 np
-
我为了避免重复设置主题直接套在app上可行吗？是否有更好的方法呢？ 我大体看了下，除非修改theme，不然对子元素的操作应当只有一次。但我简单测试了下，这对首次渲染响应似乎有一点影响。
-
我希望的效果就是这样的(提示666)，但这个是react版的。 我的是 vue3 ， 这要怎么配置呢？我试了试不行呢。
-
代码地址 是我用法有问题吗？错误是什么？ 如果不是： checkedList 为什么会自己补全？ 下面的报错是什么意思？ 这是ant的bug吗
-
出于性能的考虑，我们会对模块和组件进行按需加载。 按需加载组件 通过 umi/dynamic 接口实现，比如： import dynamic from 'umi/dynamic'; const delay = (timeout) => new Promise(resolve => setTimeout(resolve, timeout)); const App = dynamic({ loa
-
本示例集成了 nuxt 3.0.0 正式版、ant-design-vue 3、pinia、windiCss，可作为 nuxt3 的脚手架使用。 Nuxt 3 官网文档 Ant Design Vue 官方文档 演示 UI 演示地址 Ant Design Vue 集成 https://nuxt-3-ant-design-vue-starter.vercel.app Element Plus 集成 ht