TypeScript 编译中缺少 Angular- 模块。请通过“files”或“include”属性确保它位于您的 tsconfig 中

Question

我在 ng 服务后收到此错误： ./src/app/Modeles/utilisateurs.model.ts 中的错误模块构建失败（来自 ./node_modules/@ngtools/webpack/src/index.js）：错误：C:\Users TypeScript 编译中缺少 \xx\src\app\Modeles\utilisateurs.model.ts。请通过“files”或“include”属性确保它位于您的 tsconfig 中。

tsconfig.json：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ],
    "types": ["gapi", "gapi.auth2"],

  },

  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  },

  "include": [
    "./src", 
    "node_modules/@jaspero/ng2-select",
    "**/app/lazyModules/**/*.ts"
  ]
}

tsconfig.app.json：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": ["gapi", "gapi.auth2"],
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ]
}

角度.json：

"projects": {
    "xx": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      },
      "root": "",
      "sourceRoot": "src",
      "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/xx",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "preserveSymlinks": true,
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss"
            ],
            "scripts": []
          },

Answer 1

在 tsconfig.app.json 中将包含数组更改为

"include": [
    "src/**/*.d.ts"
  ]

到

"include": [
    "src/**/*.d.ts",
    "src/**/*.ts"
  ]

Answer 2

留意延迟加载

当我在模块联合配置中延迟加载模块时，我得到了这个信息。在这种情况下，我只在运行单元测试时遇到问题，因此我只需要确保延迟加载的模块包含在 tsconfig.json 中spec。

因此，这是修复延迟加载问题的更改。在根目录 tsconfig.spec.json（不是 中的副本src）中，进行更新以显式包含所有 TS 文件：

  "include": [
    "src/**/*.spec.ts",
    "src/**/*.d.ts",
    "src/**/*.ts"
  ]