vue引入ant-design报错总结

一、https://github.com/ant-design/ant-motion/issues/44
看了github上的issue，发现解决办法有多样：
1、降低less版本到^3以下(但是webpack4要求3以上，所以不推荐)
2、开启JavaScript
vue-cli4下 配置webpack,
查看vue-cli的官网，https://cli.vuejs.org/zh/
摘自官网：

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。

module.exports = {
    css: {
      loaderOptions: {
        less: {
            lessOptions:{
                javascriptEnabled: true,
            }
        }
      }
    }
  }

注意：vue-cli4在配置时，需要嵌套一层-----》 lessOptions:{},否则报错：

ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the 
API schema.
 - options has an unknown property 'javascriptEnabel'. These 
properties are valid:
   object { lessOptions?, prependData?, appendData?, sourceMap? }
    at validate (F:\VUE-JIKE\ant-design-1\node_modules\schema-utils\dist\validate.js:88:11)
    at Object.lessLoader (F:\VUE-JIKE\ant-design-1\node_modules\less-loader\dist\index.js:24:28)