【转】iView在自定义主题时报错 Inline JavaScript is not enabled. Is it set in your options?( .bezierEasingMixin())

ERROR in ./src/my-theme/index.less (./node_modules/_css-loader@1.0.0@css-loader!./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./src/my-theme/index.less)
    Module build failed (from ./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js):
    
    
    // https://github.com/ant-design/ant-motion/issues/44
    .bezierEasingMixin();
    ^
    Inline JavaScript is not enabled. Is it set in your options?
          in C:\Users\yuansheng\Desktop\webpack-vue\node_modules\_iview@3.1.3@iview\src\styles\color\bezierEasing.less (line 110, column 0)
css

此问题官方没有给说明；html

那么我表明官方找到了三种解决方法：

一、使用VueCli（修改less版本-简单粗暴）：

      由于做者less版本和咱们最新的less版本可能不一致，因此到packjson.json中修改less版本由vue

修改到2.7.3java

 

二、使用VueCli使用（不改less版本优雅配置）：

在Vue-cli2.x/3.x的时候 给loader加配置项是方式是这样的node

{ loader: 'less-loader', options: { javascriptEnabled: true } }
在Vue-Cli3.0中须要这样写vue.config.js（没有该文件则在项目根目录增长vue.config.js）webpack

module.exports = {
  css: {
    loaderOptions: { // 向 CSS 相关的 loader 传递选项
      less: {
        javascriptEnabled: true
      }
    }
  }
}
这个时候重启项目git

npm run serve
是否是就再也不报这个错误了？github

 

三、使用自定义webpack使用：

在webpack.config.js下的配置项进行以下配置 =》（ 关键增长 =》options: { javascriptEnabled: true }）web

module.exports = {
    mode: 'development',
    entry: {
        index: './src/main.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "[name].js"
    },
    module: {
        rules: [
            {
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', {
                        loader: 'less-loader',
                        options:  { javascriptEnabled: true }
                    }],
                    publicPath: '../'
                })
            },
        ]

    },

main.js配置以下：

配置完后重启项目

转http://www.javashuo.com/article/p-kvdbehft-nh.html