vue 使用less 报错:Inline JavaScript is not enabled

编程知识 行业动态 更新时间:2024-06-13 00:17:48

现象

在vue 项目中使用less 后报错:Inline JavaScript is not enabled .bezierEasingMixin();

解决方案:

在 build/utils.js 文件中修改less配置(vue/cli2版本)

 return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less',{ javascriptEnabled: true }), // 添加括号这一段就行
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

在 vue.config.js 文件中修改less配置(vue/cli4或者3 版本)

// 在配置项中添加 下面这段代码,重启项目即可
  css: {
      loaderOptions: {
          less: {
              javascriptEnabled: true,
          }
      }
  },

或者把less 版本降到3.0以下
好了,解决了问题了

更多推荐

vue 使用less 报错:Inline JavaScript is not enabled

本文发布于:2023-03-25 20:03:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/ce4c79caf0a299d860badea837d579de.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:报错   vue   Inline   enabled   JavaScript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!