Typescript / Eslint 在我开始的每个项目中都会抛出“无法读取文件 tsconfig.json”

Question

在其他线程中，我读到当 eslint 和 tsconfig.json 不在同一个工作文件夹中时可能会出现问题，但我在项目的根文件夹中拥有所有文件。不知何故，初始化项目后，抛出的错误似乎试图在项目的父文件夹中找到tsconfig.json（所以，在项目之外）：

假设项目位于：'\parentFolder\ProjectRoot' tsconfig 在路径中：'\parentFolder\ProjectRoot\tsconfig.json

我得到的 eslint 错误（在 index.ts 的顶部）如下：

解析错误：无法读取文件 'parentFolder\tsconfig.json'

• 请注意，eslint 以某种方式在错误文件夹（根文件夹的父文件夹）中查找 tsconfig

---

---

\parentFolder\ProjectRoot 的内容是：

达到这一点的步骤是：

• npm 初始化
• npm i -D 打字稿
• 在 package.json 中添加 "tsc": "tsc" 脚本
• npm run tsc -- --init
• npm i express
• npm i -D eslint @types/express @typescript-eslint/eslint-plugin @typescript-eslint/parser
• npm i -D ts-node-dev

.eslintrc：

{
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking"
  ],
  "plugins": ["@typescript-eslint"],
  "env": {
    "browser": true,
    "es6": true
  },
  "rules": {
    "@typescript-eslint/semi": ["error"],
    "@typescript-eslint/explicit-function-return-type": 0,
    "@typescript-eslint/no-unused-vars": [
        "error", { "argsIgnorePattern": "^_" }
    ],
     "@typescript-eslint/no-explicit-any": 1,
    "no-case-declarations": 0
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "ES6",
    "outDir": "./build/",
    "module": "commonjs",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "esModuleInterop": true
  }
}

package.json（看起来在“main”中将 index.js 更改为 index.ts 没有任何作用）

{
  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "tsc": "tsc",
    "dev": "ts-node-dev index.ts",
    "lint": "eslint --ext .ts ."
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/express": "^4.17.9",
    "@typescript-eslint/eslint-plugin": "^4.9.0",
    "@typescript-eslint/parser": "^4.9.0",
    "eslint": "^7.14.0",
    "ts-node-dev": "^1.0.0",
    "typescript": "^4.1.2"
  },
  "dependencies": {
    "express": "^4.17.1"
  }
}

index.ts （我在 req 和 res 中得到隐含错误，我想是由于找不到 tsconfig 的事实造成的）。

const express = require('express');
const app = express();app.use(express.json());
const PORT = 3000;
app.get('/ping', (_req, res) => {
  res.send('pong');
});
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

---

---

编辑：

我在全球范围内安装了 typescript（并且还作为这些项目中的开发依赖项）。考虑到这可能是问题所在，我卸载了全球版本的 typescript。

使用 npm list -g --depth 0 检查所有全局包时，我得到以下信息：

我不知道这是否与问题有关。

Answer 1

对我有用的是您要添加的文件夹的 .eslintrc：

parserOptions: {
   project: 'tsconfig.json',
   tsconfigRootDir: __dirname // <-- this did the trick for me
}