扩展 tsconfig 似乎被忽略了

我的应用程序根目录中有一个 tsconfig，它是由

create-react-app

create-react-app

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",
    "noImplicitAny": false,
    "downlevelIteration":true,
    "baseUrl": "src/",
  },
  "include": [
    "src"
  ],
  "exclude": [
    "api"
  ]
}

问题在于

"module": "esnext",

SyntaxError: 不能在模块外使用 import 语句

所以我试图在 api 文件夹中创建一个新的 tsconfig 文件，它扩展了应用程序根目录的 tsconfig。这是代码。

{
  "extends": "../../tsconfig",
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "noImplicitAny": true,
    "sourceMap": false,
    "noUnusedLocals": true,
    "noImplicitThis": true,
    "noImplicitReturns": true,
  }
}

但是感觉这完全被忽略了，因为我仍然得到完全相同的错误。

编辑：我添加了一个选项来排除根 tsconfig 中的 api 文件夹。还是不行。

有什么想法吗？

虽然这没有直接回答我的问题，但我确实设法通过给

ts-node

"start:server": "./node_modules/.bin/ts-node --compiler typescript --project src/api/tsconfig.api.json src/api/index_server.ts"