欢迎来到小懒的博客~email:568705236@qq.com

转载:vue cli4 使用iVIew 定制主题出现的错误

2020/10/14 12:44:23站长

    按照官方的教程,在main文件中引入自定义的less文件,在这个前提下,我们需要less语言解析。

yarn add less less-loader --dev

    安装完我们main引入自定义的less文件,结果启动的时候出现错误:

Inline JavaScript is not enabled .bezierEasingMixin();

    这个错误一般是因为新版本less带来的,你可以换旧版,比如5.0的版本

    我们在项目根目录找到vue.config.js文件,没有你就创建这个文件

    填入以下:

module.exports = {
    css: {
        loaderOptions: {
            less: {
                javascriptEnabled: true,
            }
        }
    }
}

    然后保存,启用,如果此时你还是报错,并且提示:

Module build failed (from ./node_modules/less-loader/dist/cjs.js):ValidationError: 
Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'javascriptEnabled'. These properties are valid:
   object { lessOptions?, prependData?, appendData?, sourceMap?, implementation? }

说明你的版本是最新版的,配置要改一下,再次打开vue.config.js,改为:

module.exports = {
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          javascriptEnabled: true
        }
      }
    }
  }
}

    这样就行了。

    转自:https://www.mulingyuer.com/archives/456/

赞赏