联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 程序开发学习 > 正文

vue/cli5.x运行项目报错error Replace `xxx` with `··xxx·` prettier/prettier 解决办法

作者:小教学发布时间:2023-09-30分类:程序开发学习浏览:99


导读:目录问题背景解决办法1、关闭Prettier"prettier/prettier":"off"2、执行修复命令npmrunlint--fix问...

目录

问题背景

解决办法

1、关闭 Prettier

"prettier/prettier": "off"

2、执行修复命令

npm run lint --fix


问题背景

        在开发新项目时使用了 vue/cli 5.x 版本的 Vue 脚手架来手动搭建了一个初始空架子,手动选择的期间 Pick a linter / formatter config :选择了 ESLint + Prettier  ;来统一我们的前端代码风格,但这对新手使用有很大困难,严格的格式要求容易出现很多警告和错误。


npm run serve  后 启动项目运行报错 :


解决办法

1、关闭 Prettier

在 .eslintrc.js 文件中配置关闭 Prettier;
在 rules 中增加一行:

"prettier/prettier": "off"

重启后生效


// 在 package.json 中 "eslintConfig" 的 rules 中增加一行代码, 即可关闭
"prettier/prettier": "off"
// 重启后生效

添加后将不会出现警告 


2、执行修复命令

npm run lint --fix

执行 : $   

npm run lint --fix

然后重启,OK





程序开发学习排行
最近发表
网站分类
标签列表