1. 程式人生 > >iView在自定義主題時報錯 Inline JavaScript is not enabled. Is it set in your options?

iView在自定義主題時報錯 Inline JavaScript is not enabled. Is it set in your options?

報錯資訊如下:

  ERROR in ./src/my-theme/index.less (./node_modules/[email protected]@css-loader!./node_modules/[email protected]@less-loader/dist/cjs.js!./src/my-theme/index.less)     Module build failed (from ./node_modules/[email protected]@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\

[email protected]@iview\src\styles\color\bezierEasing.less (line 110, column 0)

此問題官方沒有給說明;

那麼我代表官方找到了第兩種解決方法:

1、使用VueCli使用:

在Vue-cli2.x的時候 給loader加配置項是方式是這樣的

{ loader: 'less-loader', options: { javascriptEnabled: true } } 在Vue-Cli3.0中需要這樣寫vue.config.js

module.exports = {   css: {     loaderOptions: { // 向 CSS 相關的 loader 傳遞選項       less: {         javascriptEnabled: true       }     }   } } 這個時候重啟專案

npm run serve 是不是就不再報這個錯誤了?

2、使用自定義webpack使用:

在webpack.config.js下的配置項進行如下配置 =》( 關鍵增加 =》options: { javascriptEnabled: true }

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配置如下:

配置完後重啟專案