electron-vue 引入 vue.ant.design報錯

ERROR in ./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./node_modules/ant-design-vue/dist/antd.less)
  Module build failed (from ./node_modules/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 D:\demo\my-project\node_modules\ant-design-vue\lib\style\color\bezierEasing.less (line 110, column 0)
   @ ./node_modules/ant-design-vue/dist/antd.less 4:14-94 14:3-18:5 15:22-102
   @ ./src/renderer/main.js
   @ multi ./.electron-vue/dev-client ./src/renderer/main.js

解決辦法:javascript

https://github.com/ant-design/ant-motion/issues/44css

在webpack.renderer.config.js
修改 less的配置
原來: 
      {
        test: /\.less$/,
        use: ['vue-style-loader', 'css-loader', 'less-loader']
      },

修改成:

      {
        test: /\.less$/,
        use: [
          {
            loader: "style-loader"
          },
          {
            loader: "css-loader",
            options: { 
              importLoaders: 1 
            }
          },
          {
            loader: "less-loader",
            options: {
              javascriptEnabled: true
            }
          }
        ]
      }

剛開始可能尚未安裝less 和 loader-less,node-less須要本身安裝vue

有多是less的問題, "less": "^2.7.3", "less-loader": "^4.1.0", 把less版本降到3.0如下,我這邊就沒問題了。
從新作了java

相關文章
相關標籤/搜索