遇到 this.getOptions is not a function，通常并不是 less 本身出错，而是 less-loader 与 webpack 版本不兼容。解决思路很明确：将 less-loader 降级到 7.3.0，同时在配置中补充 lessOptions.ja vascriptEnabled: true，并把 paths 指向或加入 node_modules。另外，还要记得删除 antd.css 的引入，否则即使完成主题配置，修改后的样式大概率也不会生效。
less-loader版本与webpack不匹配导致this.getOptions is not a function
这个报错的根本原因通常不是 Less 语法错误，而是 loader 与构建工具之间的 API 版本不一致。less-loader@10.0.0 明确只支持 Webpack 5，但很多 Vue CLI 3/4 项目（例如 @vue/cli-service@3.3.0）底层实际使用的还是 Webpack 4。在这种情况下调用 this.getOptions()，就会直接触发报错。
- 先检查 Webpack 版本：可执行
npx webpack --version，或查看@vue/cli-service版本：≤4.5.x 基本对应 Webpack 4 - 将
less-loader降级到7.3.0（这是 Webpack 4 较稳定且常用的兼容版本） - 同时建议将
css-loader降级到5.2.0或3.6.0，避免与vue-loader@15出现兼容冲突 - 可执行：
npm uninstall less-loader css-loader && npm install less-loader@7.3.0 css-loader@5.2.0 --sa ve-dev
ja vascriptEnabled未启用触发.bezierEasingMixin()报错
Ant Design 的 Less 文件大量依赖内联 JS 能力（例如 .bezierEasingMixin()），因此必须显式开启 JS 解析功能。需要注意的是，不同 less-loader 版本的配置写法并不相同，写错后就会出现 “Inline Ja vaScript is not enabled” 这类错误。
less-loader@5.x（Webpack 4）：直接配置{ ja vascriptEnabled: true }less-loader@7.x（Webpack 4/5）：必须写在lessOptions中，即{ lessOptions: { ja vascriptEnabled: true } }- 如果漏掉这项配置，所有
@import '~antd/...'都可能失败，报错往往会指向具体的 mixin 名称，而不是路径本身 - Vue CLI 项目可在
vue.config.js中这样配置：css: { loaderOptions: { less: { lessOptions: { ja vascriptEnabled: true } } } }
@import ~antd路径解析失败：~没被Less识别
~ 属于 Webpack 的模块别名机制，但 Less 编译器默认并不会直接使用 Webpack 的 resolve.alias。因此，像 @import '~antd/dist/antd.less' 这样的写法，可能会直接报出 “file wasn't found”，这并不一定是文件缺失，而是路径解析没有成功。
- 更稳妥的方案：在
less-loader的lessOptions.paths中加入node_modules路径，例如：paths: [path.resolve(__dirname, 'node_modules')] - 临时处理方式：去掉
~，改为@import 'antd/dist/antd.less'，利用 Less 自身对node_modules的查找机制 - 还需注意，Ant Design v5 已废弃
~antd/es/style/themes/index.less，该路径本身就不存在，应改用antd/dist/antd.variable.less，或先确认项目是否确实需要兼容 v4 方案
按需加载时引入了antd.css又引入less，导致变量覆盖失效
如果入口文件中仍然保留了 import 'antd/dist/antd.css'，它会先把默认主题的静态样式注入页面，后续再去修改 Less 变量也不会生效——因为样式已经提前生成，主题定制链路被直接截断。
- 彻底删除所有
import 'antd/dist/antd.css'或@import 'antd/dist/antd.css' - 确保自定义主题文件（如
src/theme.less）在其他import之前优先引入，且内容严格保持三段式：@import '~antd/lib/style/themes/default.less';→ 变量重定义 →@import '~antd/dist/antd.less'; - 如果使用
babel-plugin-import，则style字段必须设置为true（触发 less 编译），不能写成'css'（否则会直接跳过 less）
真正让人排查困难的，往往不是某一条单独的报错，而是多个关键配置项——例如 loader 版本、ja vascriptEnabled 的位置、paths 路径设置以及 import 引入顺序——必须同时匹配。只要少配一个环节，Less 就可能静默失效，最终你看到的往往只是“样式没变化”，而不是明确告诉你哪里配置错了。
