vue 项目安装less后，启动报错解决方案

Posted 2023-05-11

参考技术A 新建了一个vue项目，需要使用 less ，记录一下安装过程中遇到的问题。

执行了这个命令，之后包了这个错误

查看了一下安装的less-loader版本

大概原因是因为loader版本太高了，所以重新安装了一下

卸载已安装的高版本

安装低版本

安装成功之后，npm run dev启动项目时候，出现了以下提示，没有顺利的启动成功

解决方案：找到 node_modules --> vue-loader --> lib --> template-compiler --> index.js

打开上图中的index.js，找到 parser:'babylon'

改成

再启动一次

启动成功，这时候页面就可以引入公用的less文件了！

完美~~

vue项目引用less报错

在main导入import ‘./assets/style/theme.less‘
如果找不到less， 需安装less依赖:
npm install less
可能还需要 npm install less-loader

如果报一下错误：
error in ./src/assets/style/theme.less

Module build failed:

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

解决例子： http://www.jsphp.net/webpack/show-26-343-1.html

其中可能把less从3+版本降到2.7.3也可以
在package.json修改：
less: 2.7.3
npm install less
即可~