TypeScript 编译中缺少 home.component.spec.ts 错误。 请通过“文件”或“包含”属性确保它在您的 tsconfig 中

Question

When running ng test I get the following error home.component.spec.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.

Project structure

Project/
|-- src/
|   |-- app/
|   |   |-- home/
|   |   |   |-- home.component.spec.ts  
|   |   |-- app-main.component.spec.ts
|   |-- test.ts
|   |-- tsconfig.spec.json
|-- angular.json
|-- package.json
|-- tsconfig.json

tsconfig.spec.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/spec",
    "types": [
      "jasmine",
      "node"
    ]
  },
  "files": [
    "test.ts",
    "polyfills.ts",
    "app/app-main.component.spec.ts" 
    // explicitly targetting spec.ts file works, 
    // but I want to add them to the include property
    // "app/home/home.component.spec.ts" // this fixes it ...
  ],
  "include": [
    "**/*.spec.ts", // can't find app/app-main.component.spec.ts
    "app/*.spec.ts", // can't find app/app-main.component.spec.ts
    "**/**/*.spec.ts", // can't find app/home/home.component.spec.ts
    "app/home/*.spec.ts", // can't find app/home/home.component.spec.ts
    "**/*.d.ts"
  ]
}

It works only when I Add the spec files explicitly, I want to add those files/directory's to the include block so I don't need to explicitly add the spec files one by one.

But whatever I try to add in the include section it is not working.

Answer 1

You have to re-register the path from your tsconfig.json in your tsconfig.spec.json file.

For example, if you have the following in your tsconfig.json file

{
...
"paths": {
   "@/*": [
   "./*",
   "app/*",
   "src/app/*",
   "../node_modules/*"
  ]
}
...
}

This also needs to be in your tsconfig.spec.json file.