ESLint 在将 .eslintrc 重新定位到父级后找不到配置"prettier/@typescript-eslint"

Question

我有一个类似的文件夹结构

parentFolder > componentA
> componentB
> componentC

每个组件都有一个package.json，它定义了一个yarn lint命令(eslint"myFilter"——在不匹配的模式上没有错误(。每个组件都有自己的.eslintrc和.praiterrc

当我在componentA/B/C文件夹中并运行纱线皮棉时，它按预期工作。

由于每个组件文件夹中所有的.eslintrc都是相同的，所以我将文件移到了parentFolder下，并删除了组件文件夹中的副本。当我调用yarn lint时，它使用了parentFolder中的.eslintrc，但是，我得到了一个错误。

哎呀！出了问题！：(

ESLint:6.8.0。

ESLint找不到配置"；更漂亮/@typescript eslint"到从延伸。请检查配置的名称是否正确。

我将.pareterrc移到了父文件夹中，但它找不到它。我该怎么办？谢谢

更新：我注意到，如果我在父文件夹的package.json上添加更漂亮的并运行yarn安装，它就可以工作了。但是，我不知道这是否是正确的方法。

Answer 1

prettier/@typescript-eslint已在eslint-config-prettierv8.0.0中删除。只需将其从ESLint配置文件中删除即可。现在，Prettier和ESLint不冲突所需的extends中的唯一条目是"prettier"(确保它是extends中的最后一个(。

Answer 2

当我更新到eslint-config-praiser8.0.0时，我得到了同样的错误，我通过将.elintrc.js更改为：来修复它

"plugins": ['@typescript-eslint'],
"extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"]

确保你的包.json包括：

@typescript-eslint/eslint-plugin
@typescript-eslint/parser

你当然可以包括其他插件和其他扩展，你可以找到所有的光电子：https://www.npmjs.com/package/@typescript eslint/eslint插件

Answer 3

prettier/@typescript-eslint已在eslint-config-prettierv8.0.0 中删除

参见https://github.com/prettier/eslint-config-prettier/issues/173

从v8开始，有更简单的配置。不幸的是，互联网上仍然有很多"如何操作"提到了旧的配置文件，这些文件现在都不见了。

Answer 4

只在包中添加。josn添加此包作为开发

"@typescript-eslint/eslint-plugin": "^4.30.0",
"@typescript-eslint/parser": "^4.30.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",

在eslint.js中，查看这个文件add，尝试检查它是否是同一个

module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'plugin:react/recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
'plugin:prettier/recommended',  
'eslint:recommended'

],
"plugins": ['@typescript-eslint'],
parserOptions: {
ecmaVersion: 2020,
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
rules: {
'react/react-in-jsx-scope': 'off',
},
settings: {
react: {
version: 'detect',
},
},

}；