一、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)