Vue3集成Tailwind与Ant Design Vue自定义主题报错问题问询

问题根源 #

• 你安装的less-loader@10.2.0版本过高，和Vue CLI 4 内置的Webpack 4 版本不兼容：less-loader v8及以上版本仅适配Webpack 5，Webpack 4 最高可兼容的less-loader版本为v7.x
• less@4.x版本也和低版本less-loader存在兼容性冲突，需要同步降级

解决步骤 #

1. 卸载当前高版本依赖

npm uninstall less less-loader
# 使用yarn的用户执行：
yarn remove less less-loader

2. 安装兼容版本的依赖

npm install less@3.13.1 less-loader@7.3.0 --save-dev
# 使用yarn的用户执行：
yarn add less@3.13.1 less-loader@7.3.0 --dev

3. 清理缓存重启项目
   删除项目根目录下的node_modules文件夹、package-lock.json（或yarn.lock）文件，重新执行依赖安装命令后启动项目即可，报错会直接消失，你现有配置的自定义主题规则会正常生效。

你当前的vue.config.js、babel.config.js配置无需修改，保持现有内容即可。

内容的提问来源于stack exchange，提问作者Abdelhamied mostafa