【轉】iView在自定義主題時報錯 Inline JavaScript is not enabled. Is it set in your options?( .bezierEasingMixin())
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)
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