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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 项目安装less后,启动报错解决方案相关的知识,希望对你有一定的参考价值。

参考技术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
即可~

以上是关于vue 项目安装less后,启动报错解决方案的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli3.0项目启动报错

vue-cli3.0项目启动报错

解决Vue启动失败报错:Module not found: Error: Can‘t resolve ‘less-loader‘

解决Vue启动失败报错:Module not found: Error: Can‘t resolve ‘less-loader‘

vue启动项目的报错:Failed to resolve loader: less-loader You may need to install it.

【vue】在lang="less"的style中编写样式报错