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启动失败报错: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.