“parserOptions.project"@typescript-eslint/parser设置了吗

你可以为eslint配置创建一个单独的TypeScript配置文件(tsconfig.eslint.json)。该文件扩展了tsconfig配置，并为必须检测的文件设置了include键。

.eslint.js:

// ...
parserOptions: {
// ...
project: "./tsconfig.eslint.json",
// ...
},
// ...

tsconfig.eslint.json:

{
"extends": "./tsconfig.json",
"include": [
// ...
"babel.config.js"
]
}

或者如果你想忽略它，你可以把它放入.eslintignore。

.eslintignore:

// ...
babel.config.js

我使用一个符号链接从我的项目文件夹指向我的主文件夹:

/opt/project/workspace =比;~/worspace

使用符号链接路径~/workspace打开VSCode，错误始终存在。

使用原来的路径:/opt/project/workspace打开VSCode可以解决问题。

这应该不是问题，但现在确实是。

在我的ESLint配置中，我有以下配置:

.eslintrc.js

module.exports = {
root: true,
env: {
node: true,
},
globals: {
Promise: "readonly"
},
parser: "@typescript-eslint/parser",
parserOptions: {
sourceType: "module",
tsconfigRootDir: __dirname,
project: ["./tsconfig.eslint.json"],
},
plugins: ["@typescript-eslint"],
extends: [
"eslint:recommended",
"prettier/@typescript-eslint",
"plugin:@typescript-eslint/recommended",
"plugin:@typescript-eslint/recommended-requiring-type-checking",
],
}

<强>更新 修复的关键部分是:

parser: "@typescript-eslint/parser"

这:

parserOptions: {
sourceType: "module",
tsconfigRootDir: __dirname,
project: ["./tsconfig.eslint.json"], // could be tsconfig.json too
}

不要忘记在tsconfig.json的include数组中包含该文件或文件的目录。

在本例中，我们有多个.eslintrc和多个tsconfig。Json在目录树中。(服务器.各一个，React客户端./client各一个。)

这在CLI中工作得很好，但在VS Code的插件中就不行了。

修复方法是将./client/.eslintrc project值设置为相对于根的值，而不是相对于.eslintrc文件的值。把它从"./tsconfig.json"“。/客户/ tsconfig.json"IDE检测按预期工作。

1. < p > npm i -D @types/node运行

2. 包含对*.config.js文件的typescript支持:

tsconfig.json:

{
"include": [
"**/*.config.js" // for *.config.js files
]
}

然后重新加载你的IDE!

JavaScript和TypeScript文件的lint规则不同

出现这个问题的原因如下:

你正在使用一个需要类型信息的规则，并且没有指定 李parserOptions.project; < / >
1. 你指定了parserOptions.project，没有指定createDefaultProgram (它将在未来的版本中被删除)，并且你正在检测项目中不包括的文件(例如babel.config.js， metro.config.js)

从TypeScript ESLint解析器文档开始:

parserOptions.project

此选项允许您提供到项目的tsconfig.json的路径。如果您想使用需要类型信息的规则，则需要此设置。

(…)

注意，如果指定了此设置，而没有指定createDefaultProgram，则必须只检测由所提供的tsconfig.json文件定义的项目中包含的文件。如果你现有的配置不包括你想要lint的所有文件，你可以创建一个单独的tsconfig.eslint.json。

要解决这个问题，更新你的ESLint配置，只在TypeScript文件上使用TypeScript规则:

{
// ...
parser: '@typescript-eslint/parser',
plugins: ["@typescript-eslint"],
overrides: [
{
files: ['*.ts', '*.tsx'], // Your TypeScript files extension


// As mentioned in the comments, you should extend TypeScript plugins here,
// instead of extending them outside the `overrides`.
// If you don't want to extend any rules, you don't need an `extends` attribute.
extends: [
'plugin:@typescript-eslint/recommended',
'plugin:@typescript-eslint/recommended-requiring-type-checking',
],


parserOptions: {
project: ['./tsconfig.json'], // Specify it only for TypeScript files
},
},
],
// ...
}

你可以在官方文档中阅读有关overrides配置的更多信息

不要检测特定的文件

如果你不想检测错误中提到的文件(例如babel.config.js)，你可以忽略它，将其名称添加到.eslintignore文件:

babel.config.js

不管怎样，上面的步骤(关于覆盖TypeScript文件的配置)在你的项目包含你想要lint的JavaScript和TypeScript文件的情况下是重要的。

你也可以为不同的情况创建其他覆盖，例如，为测试文件创建不同的配置，因为它可以使用开发人员依赖并在node 环境上运行，而不是browser。

我在VsCode中有这个问题，当我在文件夹结构中打开我的项目太高时。一个奇怪的解决方案，但它有效。

在我的例子中，Firestore函数项目的express In .ts，我必须从它创建的函数文件夹中打开它。

我应该注意到这是这类问题，因为'npm run-script lint'本身从未返回错误。

在“。eslintignore"”中添加一行:

.eslintrc.js

对我来说，问题源于使用exclude属性在tsconfig中忽略的一些文件，但eslint并没有忽略它们。

通常，如果有人想要TSC忽略文件，那么同样的方法也会应用到eslint中。所以只需复制粘贴.tsconfig配置中的exclude值到.eslintrc配置中的ignorePatterns属性。

当添加'@typescript-eslint/prefer-nullish-coalescing': 'error'到.eslintrc.js时，我也遇到了同样的问题。

经过大量的试验和错误，我想出了这个解决方案，在我的情况下很管用:

module.exports = {
...
overrides: [
{
files: ['*.ts', '*.tsx'],
parserOptions: {
// this setting is required to use rules that require type information
project: './tsconfig.json',
},
rules: {
'@typescript-eslint/prefer-nullish-coalescing': 'error',
},
},
],
}

通过在你的.eslintrc.js中添加ignorePatterns选项，简单地指示eslint忽略它们:

module.exports = {
root: true,
parser: '@typescript-eslint/parser',
parserOptions: {
project: './tsconfig.json',
},
ignorePatterns: ["babel.config.js"],
...

由于检测您的项目配置文件没有多大价值，您可以安全地忽略它们。

此外，我不会让它们成为你的tsconfig.json的一部分或创建一个特殊的tsconfig.eslint.json文件，只是为了检测目的。

Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: ../../../../../home/<ommitted>/projects/floor-planner/app/src/App.vue.
The file must be included in at least one of the projects provided.

如果是，使用CLI时检查是否仍然存在。

从你的项目根你可以运行eslint .。 如果这些错误没有找到，你很可能已经打开了项目通过符号链接.

截至2021年8月，Eslint扩展不支持Symlinks。

从你的项目目录中，运行pwd -P来获取绝对路径。

在我的例子中，这导致

~/projects/floor-planner/app: pwd -P
/media/projects/2021-Q3/floor-planner/app

通过此路径打开项目。

Eslint应该不再显示错误。

在.eslintrc中设置parserOptions，如下所示

"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2019,
"sourceType": "module"
},

该错误意味着有一个文件可以编译，但不属于当前定义的项目结构。有几种解决方案:

如果你不关心文件是否编译(即。配置文件等)

• 将文件名添加到.eslintignore

或

• 将文件或文件模式添加到.eslintrc.js文件

ignorePatterns: ["babel.config.js"]
// or
ignorePatterns: ["**/*.config.js"]

您希望编译该文件

将文件、文件夹或模式添加到tsconfig.json文件中

include": [
"src",
"other_src",
]

请注意一些更改需要IDE重新启动才能生效

我在这样一个问题上花了很多时间。

我创建了一个jest.config.ts而不是jest.config.js，所以它抛出了这个确切的eslint错误🤦

我今天遇到了这个问题，上面的解决方案都没有帮助。我遇到的问题是，在同一个目录中有两个文件，它们共享相同的文件名(无扩展名)。例如，src/foo.ts和src/Foo.tsx。重命名其中一个文件修复了linter错误。看到@typescript-eslint /解析器# 955。

我只需要在project数组和eslint脚本中添加新的tsconfig.json的路径，问题就消失了。

tsconfig.json:

project: ["./newfolder/tsconfig.json"]

package.json:

"eslint": "eslint -c ./.eslintrc.js './newfolder/**/*.ts'"

只需在.eslintrc.js文件中添加以下代码。

ignorePatterns: ['.eslintrc.js']

我的问题是在PHPStorm中，我设置了工作导览:

我清除了它，一切都工作了:\

对我来说，这个问题发生在parserOptions.project中列出的项目扩展基本tsconfig时。Json，它排除了这个文件。

从parserOptions.project中列出的项目中删除extends: './tsconfig.json'或从基本配置中删除exclude可以修复它。但是这种解决方法并不实用，因为我们需要扩展基本配置。

重写属性exclude会有很好的帮助。

tsconfig.spec.json

{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./dist",
"types": ["jest"]
},
"include": ["**/*.spec.ts"],
"exclude": [""]
}

经过大量的努力和尝试来纠正这个错误。我知道我的问题是我把忽略文件保存为eslintignore而不是。eslintignore。

因此，它不能忽略。js，。d。Ts文件dist被忽略。

我碰巧有同样的问题，然后在将.html添加到我的tsconfig.json文件的include数组后，问题已经修复。

因为我在做一个Angular项目，所以在overrides中的files数组中，你可能会看到我的components扩展名，你可能需要根据项目的需要进行更改。

在eslintrc.json文件中，你需要有以下配置:

    "extends": [
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended",
"plugin:@typescript-eslint/recommended-requiring-type-checking",
"plugin:@angular-eslint/recommended"
],
"overrides": [
{
"files": ["*.ts", "*.component.html", "*.component.ts"],
"parserOptions": {
"project": ["./tsconfig.json"],
"extraFileExtensions": [".html"]
},
"rules": { "@typescript-eslint/prefer-nullish-coalescing": "error" }
}
],
"parser": "@typescript-eslint/parser",

确保你的tsconfig.json文件中有以下一行:

"include": ["**/*.d.ts", "**/*.ts", "**/*.html", "**/*.scss", "**/*.css"],

Linux -我的项目目录/home/user/projects是到/usr/share/dev/projects的符号链接我删除了符号链接和一切工作现在。

我得到的错误是告诉我无法找到任何。tsx文件在"../../../.. ./{应用名称/路径}“;

我希望我的故障排除时间能帮助到某人:)

尽管保证typescript绝对绝对不会缓存任何东西，但我怀疑这是一个缓存问题，因为在调试和开发一个特性时，不断出现的typescript错误让我很恼火，我修改了我的tsconfig。exclude我的src目录临时。在恢复更改后，并通过WebpackDevServer重新启动我的typescript服务器，我有这个错误，并通过执行yarn cache clean来清除我的yarn缓存，以及rm -rf node_modules来删除我的节点模块文件夹来摆脱它。然后我用yarn重新安装了我的包，当我再次运行我的开发服务器时，typescript/tslint不再显示这个错误。