tsconfig.json 项目目录外的文件

Question

我有一个项目portal。随着我的开发，我意识到我本质上需要存储库中的多个项目。因此，我现在的项目结构如下：

我想知道，是否可以在 portal 和 shop 目录之外放置 tsconfig.json 文件，这意味着打字稿编译器选项将适用于这两个项目？当我在门户项目上执行 npm run serve 时，我似乎遇到了这个错误：

Error: Cannot find "C:\Git\ui\portal\tsconfig.json" file. Please check webpack and ForkTsCheckerWebpackPlugin configuration. 
Possible errors: 
  - wrong `context` directory in webpack configuration (if `tsconfig` is not set or is a relative path in fork plugin configuration)
  - wrong `tsconfig` path in fork plugin configuration (should be a relative or absolute path)

我不太确定它来自哪里，因为我的代码库中没有定义这样的文件路径。

tsconfig.json的内容是：

{
 "compilerOptions": {
"target": "ES2020",
"module": "ESNext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"allowJs": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": "portal",
"types": [
  "webpack-env"
],
"paths": {
  "@/*": [
    "src/*"
  ]
},
"lib": [
  "esnext",
  "dom",
  "dom.iterable",
  "scripthost"
]
 },
 "include": [
  "portal/src/**/*.ts",
  "portal/src/**/*.tsx",
   "portal/src/**/*.vue"
 ],
 "exclude": [
 "node_modules"
 ]
}

Answer 1

试试这个：保留现有的 tsconfig.json，然后在每个文件夹中创建一个包含以下内容的 tsconfig.json：

{
    "extends": "../tsconfig.json"
}

tsconfig.json 项目目录外的文件

tsconfig.json file outside of project directory

single-page-application

typescript

eslint

vue.js