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\
此問題官方沒有給說明;
那麼我代表官方找到了第兩種解決方法:
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配置如下:
配置完後重啟專案