这个问题根据vue-cli版本和less版本不同,解决方法也不一样,一定要先看看你自己package.josn文件里的安装包版本
我的版本
Cannot find module 'less'
Syntax Error:
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
其实这里有个提示,让你去githup去查看,不过当时没看这个,又在网上搜索了一通,安装了几个插件,但是都不行,
然后去githup上搜索了一下错误,还真有这个问题,https://github.com/vueComponent/ant-design-vue/issues/68
根据里面的回答配置了vue.config.js文件,主要是配置红色代码部分
启动之后,又...又报错了
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 'javascriptEnabled'. These properties are valid: object { lessOptions?, additionalData?, sourceMap?, webpackImporter? }
这里就是版本不同写法不同了,这个解决方案是3.x版本的, 4.x版本需要再加一层lessoption,这个报错里面也有说到
正确写法
module.exports = { devServer: { port: 8090, open: true }, configureWebpack: { resolve: { alias: { "@": path.resolve(__dirname, './src') } } }, css:{ requireModuleExtension: true, loaderOptions:{ less:{ lessOptions:{ javascriptEnabled: true } } } } }
再次启动,没有报错了,但是打开的页面是这样的
什么样式的都没有了......
又查了半天,也没找到解决方法
最后,把node-modules这个包整个删掉,再删掉package.json文件中一些没用的版本记录,重新下载包,
再次重启,OK,页面终于正常了