Inline JavaScript is not enabled. Is it set in your options?

最新推荐文章于 2025-01-08 19:27:13 发布

原创最新推荐文章于 2025-01-08 19:27:13 发布 · 3.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

前端开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决使用ant-design-vue时遇到的less语法错误的具体步骤。针对不同版本的less-loader提供了两种不同的vue.config.js配置方法，确保正确加载JavaScript代码。

使用 ant-design-vue时，错误信息

 ERROR  Failed to compile with 1 error

 error  in ./node_modules/ant-design-vue/dist/antd.less

Syntax Error:

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

解决方法

less-load版本低于6.0时：vue.config.js 配置

module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true
      }
    }
  }
})

less-load版本高于6.0时：vue.config.js 配置

module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          javascriptEnabled: true
        }
      }
    }
  }
})