Nuxt.js,vue,iview modify theme error (resolved)

Inline JavaScript is not enabled. Is it set in your options?

clipboard.png

< H1 > vue-cli3.0 change iview theme error: < / H1 >
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

need to add a new configuration

but Vue-CLI3 did not expose the 2.x webpack.base.conf.js file in the project directory

instead, modify the configuration item by creating a vue.config.js and adding a custom configuration item in which the js file is finally detected in run serve or run build and the configuration item is merged into it through merge.

< H2 > the way to add configuration items to loader during Vue-cli2.x is as follows < / H2 >
{ loader: "less-loader", options: { javascriptEnabled: true } }
< H2 > you need to write vue.config.js in Vue-Cli3.0 < / H2 >
module.exports = {
  css: {
    loaderOptions: { //  CSS  loader 
      less: {
        javascriptEnabled: true
      }
    }
  }
}
< H2 > configure less in nuxt.config.js of nuxt2.0 < / H2 >
build: {
    loaders: {
      less: {
        javascriptEnabled: true
      }
    }
  }
Nov.29,2021

Inline JavaScript is not enabled. Is it set in your options?

Menu