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
      }
    }
  },
})

目录

相关推荐
关于调用微软Bing API推送链接时,报:errorcode 3 message ERROR!!! InvalidApiKey如何调用百度和微软必应链接收录APIMac安装nvm时,各种问题总结react-app-rewired中如何设置ant-design主题,以及不生效问题Variable @primary-color-hover is undefinedAnt-Design-Vue Form 中,对于多选下拉表表单时,重置时,表单未正确展示