解析错误:无法读取文件'…/tsconfig.json'.eslint

错误Parsing error: Cannot read file '.../tsconfig.json'.eslint显示在src文件夹中的所有.ts文件中，包括index.ts。

我不知道如何设置配置。问题只显示一条红线，并使文件变为红色。但是，一切都能正常编译和运行。整个Node项目是使用firebase CLI创建的。

tsconfig.json文件:

{
"compilerOptions": {
"module": "commonjs",
"noImplicitReturns": true,
"noUnusedLocals": true,
"outDir": "lib",
"sourceMap": true,
"strict": true,
"target": "es2017"
},
"compileOnSave": true,
"include": [
"src"
]
}

.eslintrc.js文件:

module.exports = {
env: {
browser: true,
es6: true,
node: true,
},
extends: [
"plugin:import/errors",
"plugin:import/warnings",
"plugin:import/typescript",
],
parser: "@typescript-eslint/parser",
parserOptions: {
project: "tsconfig.json",
sourceType: "module",
},
plugins: [
"@typescript-eslint",
"import",
],
rules: {
"@typescript-eslint/adjacent-overload-signatures": "error",
"@typescript-eslint/no-empty-function": "error",
"@typescript-eslint/no-empty-interface": "warn",
"@typescript-eslint/no-floating-promises": "error",
"@typescript-eslint/no-namespace": "error",
"@typescript-eslint/no-unnecessary-type-assertion": "error",
"@typescript-eslint/prefer-for-of": "warn",
"@typescript-eslint/triple-slash-reference": "error",
"@typescript-eslint/unified-signatures": "warn",
"comma-dangle": "warn",
"constructor-super": "error",
eqeqeq: ["warn", "always"],
"import/no-deprecated": "warn",
"import/no-extraneous-dependencies": "error",
"import/no-unassigned-import": "warn",
"no-cond-assign": "error",
"no-duplicate-case": "error",
"no-duplicate-imports": "error",
"no-empty": [
"error",
{
allowEmptyCatch: true,
},
],
"no-invalid-this": "error",
"no-new-wrappers": "error",
"no-param-reassign": "error",
"no-redeclare": "error",
"no-sequences": "error",
"no-shadow": [
"error",
{
hoist: "all",
},
],
"no-throw-literal": "error",
"no-unsafe-finally": "error",
"no-unused-labels": "error",
"no-var": "warn",
"no-void": "error",
"prefer-const": "warn",
},
settings: {
jsdoc: {
tagNamePreference: {
returns: "return",
},
},
},
};

我尝试重新启动VScode，清除缓存，但都无济于事。我猜我需要改变一些路径，但我不太擅长改变配置文件，所以我不想不小心破坏整个项目。

134931 次浏览
小开
最佳答案

默认情况下，__abc0(在parserOptions中)是相对于当前工作目录进行解析的。如果你在不同的工作目录下运行eslint到包含tsconfig.json的文件夹，@typescript-eslint/parser将无法找到该文件。

为了解决这个问题，你可以将tsconfigRootDir设置为__dirname，这将使解析器相对于.eslintrc.js解析项目配置:

module.exports = {
// ...
parserOptions: {
project: "tsconfig.json",
tsconfigRootDir: __dirname,
sourceType: "module",
},
// ...
}

如果你有什么问题

/path/to/.eslintrc.js
0:0  error  Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: .eslintrc.js.
The file must be included in at least one of the projects provided

看到这个问题。

小开

一个特定于vcode的方法，对我来说是在根项目目录中创建一个.vscode文件夹，并在其中的settings.json文件中添加以下属性:

{
"eslint.workingDirectories": [
"src"
]
}

"src"可以是任何目录，它应该在eslint的作用域中。

小开

更新你的eslintrc。Json文件，包含以下行:

"project": "PROJECT_NAME/tsconfig.json"

使用PROJECT_NAME作为项目的名称(不是宏)。

小开

另一种方法是，如果您碰巧在项目的上面一层打开了Workspace文件夹(就像我的情况一样)，只需用ACTUAL项目文件夹启动一个新的Workspace。这解决了我的Eslint错误。

小开

如果你在IntelliJ中的多模块项目(例如，一个包含多个后端服务和前端模块的文件夹)中得到以下错误消息，IntelliJ可能无法告诉你该做什么。

在我的例子中，我在.ts-file的顶部得到了以下错误: enter image description here < / p > 为了解决这个问题，我点击了“ESLint settings…”;手动ESLint配置; enter image description here < / p >

然后我在“工作目录”中输入前端模块根文件夹的路径:并在“eslint包”中选择正确的eslint路径;(这-在我的情况下-是<frontend-module-root>/node_modules/eslint)。

通过这种方式，我仍然可以让eslint工作，而不需要改变任何与项目相关的配置(它已经从CLI中的前端模块根文件夹中工作)。

小开

解析错误:无法读取文件“d:\test\testproject\tsconfig.app.eslint.json” 我在这里遇到的一个主要问题是项目文件夹在vs code中打开的方式

假设文件夹结构为 d:\test\testproject，其中“testproject”是你正在使用的angular项目。

如果你在vs code中打开测试文件夹，然后导航到testproject，如下所示

D:\test>
D:\test>cd testproject
D:\test\testproject>

这样做将创建2个设置。Json文件，一个用于主打开的文件夹，一个用于子文件夹，这反过来又不允许正确应用设置。

所以总是在vscode中直接打开项目文件夹将有助于克服这个问题，当所有的依赖关系都在eslintrc中正确提及时。Json和tsconfig。Json文件将有助于解决这个问题。

小开

对于那些使用Angular和eslintrc的人。Json，添加2颗星到项目节点，如下所示:

"overrides": [
{
"files": ["*.ts"],
"parserOptions": {
"project": ["**/tsconfig.json"],
},
小开

我突然开始看到这个错误使用vscode。重新启动vscode解决了我的问题

小开

对我来说，解决这个问题的方法是简单地导航到包含tsconfig的项目目录。Json，并且它能够定位文件。

另外，我喜欢@dheeraj9499的回答，你可以修改你的.eslintrc.json "项目"parserOptions"并定位您的tsconfig。Json位于当前目录内。所以像下面这样的东西能够找到tsconfig。Json在正确的目录:

"parserOptions": {
"project": [
"code/eMOS/Scripts/tsconfig.json",
"code/eMOS/Scripts/tsconfig.spec.json"
],
}
小开

当我在Windows 10上通过WSL 2进行typescript项目时，我在Visual Studio Code中得到了这个错误。

通过在VS Code中安装Remote - WSL扩展来修复。

这些文件驻留在我的\wsl$\Ubuntu\home<user>\ location中。错误消息指定了正确的文件位置，VS Code可以打开该文件。

上面使用根目录和解析器选项的修复没有帮助。

小开

我通过在extends中添加@typescript-eslint/parser来解决这个问题:

enter image description here

小开

这对我很有用

"parserOptions": {
"project": ["<YourProjectName>/tsconfig.json"],
}

提交答案