漂亮问我换？？？和 ·

Question

我不知道发生了什么

\n

我克隆了一个 github存储库，实际上只是尝试像一行一样进行更改，但我遇到了这个 prettier 错误，这对我来说毫无意义（我从未使用过 prettier）。

\n

替换\xe2\x86\xb9return\xc2\xb7(\xe2\x8f\x8e\xe2\x86\xb9\xe2\x86\xb9<img\xc2\xb7alt=\'logo\'\xc2\xb7src=\'./Logo.png\'\xc2\xb7/>\xe2\x8f\x8e\xe2\x86\xb9);为\xc2\xb7\xc2\xb7return\xc2\xb7<img\xc2\xb7alt="logo"\xc2\xb7src="./Logo.png"\xc2\xb7/> 更漂亮/更漂亮

\n

此时任何事情都可能有帮助，我正在使用 MacOS 并在 VSCode 上工作

\n

Answer 1

让我们看看为什么会出现此错误。

\n

\n

1. 如果您在 VSCode 中安装了 prettier 扩展，则默认值将按此处所述设置，也可以通过在settingsVSCode 中搜索 prettier 来查看。

   \n
\n

2. 现在，如果您在 VSCode 中启用了formatOnSaveprettier，它会根据 VSCode 中的配置来格式化您的代码。

   \n
\n

3. 当 VSCode 中的配置与 .prettierrc.json 或 .eslintrc.json 中提到的配置冲突时，就会发生此错误。

   \n

   

   \n
\n

\n

例如：假设您的项目使用的是printWidth100，但默认值为printWidth80。（prettier printwidth在 VSCode 设置中搜索）

\n

一般来说，间距错误将在保存时由 prettier 自动清除（autoFormatted）。但在这种情况下这是行不通的。

\n

原因：Prettier 坚持使用配置 ( printWidth: 80 )，根据 Repo 的 eslintrc/ prettierrc ( printWidth: 100 )，这是一个错误

\n

修复这里

\n

\n

1. 更改默认的 VSCode Prettier 配置。\xe2\x9d\x8c -> 这将是一个坏主意，因为它会影响在 VSCode 中打开的所有项目。

   \n
\n

2. .vscode/settings.json解决此问题的更好方法是在存储库的根目录中添加.

   \n
\n

3. 在 settings.json 中添加这些行

   \n

   {\n  "editor.codeActionsOnSave": { "source.fixAll": true },\n  "editor.formatOnSave": false,\n} \n

   \n
\n

4. 现在转到有错误的文件并将文件保存为格式。文件将根据项目的 eslintrc/ prettierrc 中提到的配置进行格式化

   \n
\n

5. 您可以从命令行修复所有可自动修复的问题，而不是转到每个文件，如下所示。

   \n
\n

6. 转到 package.json 并将此行添加到您的脚本中。

   \n

   "lint-fix": "eslint --fix \'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\'",

   \n
\n

7. 现在在终端运行npm run lint-fix。

   \n
\n

\n

Answer 2

我遇到了同样的问题，在“prettier/prettier”下的 eslinrc.json 文件中，我删除了 printWidth。