Internal server error[less] Inline JavaScript is not enabled. Is it set in your options?
2025-01-06 09:50:58一. 问题
在进行组件库开发时,添加 ant-design-vue 的 less 文件时,报:Internal server error: [less] Inline JavaScript is not enabled. Is it set in your options?
具体错误信息:
[vitepress] Internal server error: [less] Inline JavaScript is not enabled. Is it set in your options?
Plugin: vite:css
File: C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/ant-design-vue/es/style/color/bezierEasing.less:110:0
108| // resolve error: `ReferenceError: colorPalette is not defined`
109| // https://github.com/ant-design/ant-motion/issues/44
110| .bezierEasingMixin();
| ^
111|
at process (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:37768:33)
at async compileCSSPreprocessors (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:36741:28)
at async compileCSS (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:36795:32)
at async TransformPluginContext.transform (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:36170:11)
at async PluginContainer.transform (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:49096:18)
at async loadAndTransform (file:///C:/Users/guoyongqi/Desktop/jr/jr-design/node_modules/vitepress/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:51929:27)
10:50:35 [vitepress] Pre-transform error: [less] Inline JavaScript is not enabled. Is it set in your options?
从最后一行,可以看到真正原因是:[less] Inline JavaScript is not enabled. Is it set in your options?(未启用内联JavaScript。它在你的选项中设置了吗?)
二. 解决方法
在 vite.config.js 配置中添加如下即可,开启内联JavaScript:
export default defineConfig({
css: {
loaderOptions:{
less:{
javascriptEnabled: true
}
}
},
})