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

现象

在vue 项目中使用less 后报错:Inline JavaScript is not enabled .bezierEasingMixin();
vue 使用less 报错:Inline JavaScript is not enabled_第1张图片

解决方案:

在 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)