React JS学习中出现Delete ␍ eslintprettier/prettier错误如何解决？

报错原因 #

你遇到的Delete ␍ eslintprettier/prettier错误是换行符格式不匹配导致的：␍代表Windows系统默认CRLF换行符中的回车符，而你当前的ESLint+Prettier校验规则默认要求使用LF换行符，因此触发了校验错误。

可行解决方案 #

你可以根据自己的使用场景任选以下一种方案解决：

• 方案一：快速自动修复所有文件格式
  直接在项目根目录终端运行命令：

  npx prettier --write .
  

  该命令会按照你现有的Prettier配置自动格式化所有项目文件，自动修正换行符不匹配的问题，多数情况下执行后报错就会消失。
• 方案二：修改Prettier配置适配多系统换行
  在你的.prettierrc配置中新增endOfLine规则即可：

  {
    "semi": true,
    "singleQuote": true,
    "tabWidth": 2,
    "useTabs": false,
    "endOfLine": "auto"
  }
  

  配置后Prettier会自动适配当前系统的换行符规则，Windows下用CRLF、Mac/Linux下用LF都不会再触发报错。
• 方案三：跨团队协作场景统一换行规则
  如果是多人跨系统协作的项目，建议在项目根目录新建.gitattributes文件，添加如下配置：

  * text=auto eol=lf
  

  配置后Git会自动统一所有文本文件的换行符为LF，从根源避免不同系统的开发者提交代码反复出现换行符冲突的问题。

内容的提问来源于stack exchange，提问作者Satyajit Roy