iview修改主題報錯(nuxt.js、vue)

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

clipboard.png

vue-cli3.0更換iview主題報錯:

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

需要添加新的配置進去 

但是Vue-CLI3沒有將2.x時的webpack.base.conf.js文件暴露在項目目錄中 

而是通過創建vue.config.js並添加自定義配置項在裏面 最終在run serve或run build的時候 檢測該js文件並將配置項通過merge合並進去 的方式實現配置項的修改

在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
      }
    }
  }
}

在nuxt2.0的nuxt.config.js中配置less

build: {
    loaders: {
      less: {
        javascriptEnabled: true
      }
    }
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章