vue-cli创建项目运行时prettier报错 最全解决办法

如果你是windows系统,使用vue-cli新创建的项目或者新拉下来的项目 一直报这样的错

网上搜索的解决办法是 修改 CRLF为LF,或者是使用git命令:

git config --global core.autocrlf false

如果设置完系统不再报错,并且继续修改文件依然不会报错的话,那就不用往下看啦。

------------------------------------分割线-----------------------------

但是如果git之后,修改文件还是会报错,并且报这样的错误的话:

Replace `⏎⏎</style>` with `</style>⏎` prettier

or

或者进行这样的修改,也依然报错:

 

这是因为我们使用vue-cli创建项目的时候,使用了如下组合: Eslint+prettier 这两种起了冲突,(更深层次的原因我也不知道)

这种时候,

1. 如果项目已经安装(执行  npm install)的话,需要卸载eslint,命令如下:

npm uninstall eslint --save

然后在package.json文件里删除"@vue/cli-plugin-eslint",以及 所有带有eslint字段的key

然后重新执行npm install就行

无需删除package-lock.json文件里的内容。

2. 如果项目没安装,直接在package.json文件里删除"@vue/cli-plugin-eslint",以及 所有带有eslint字段的key,然后执行npm install就行。

接下来就可以自如的修改文件,不会因为CRLF或者LF报错啦!

仅供参考,如有不同意见或补充,可以再评论交流。

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值