如何摆脱警告.ts文件是TypeScript编译的一部分，但未使用

我只是将角度更新为最新9.0.0-next.4。我没有使用路由，但是更新后突然看到此警告。我如何删除此警告

警告src/war/angular/src/app/app-routing.module.ts是TypeScript编译的一部分，但尚未使用。仅将入口点添加到tsconfig中的“文件”或“包含”属性。

package.json

  "dependencies": {
"@angular/animations": "^9.0.0-next.4",
"@angular/cdk": "^8.1.4",
"@angular/common": "^9.0.0-next.4",
"@angular/compiler": "^9.0.0-next.4",
"@angular/core": "^9.0.0-next.4",
"@angular/forms": "^9.0.0-next.4",
"@angular/material": "^8.1.4",
"@angular/platform-browser": "^9.0.0-next.4",
"@angular/platform-browser-dynamic": "^9.0.0-next.4",
"@angular/router": "^9.0.0-next.4",
"@ng-bootstrap/ng-bootstrap": "^5.1.0",
"bootstrap": "^4.3.1",
"hammerjs": "^2.0.8",
"moment": "^2.24.0",
"ng-image-slider": "^2.0.1",
"panzoom": "^8.1.2",
"rxjs": "~6.5.2",
"tslib": "^1.9.0",
"zone.js": "^0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.2",
    "@angular/cli": "^8.3.2",
    "@angular/compiler-cli": "^9.0.0-next.4",
    "@angular/language-service": "^9.0.0-next.4",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "^5.15.0",
    "typescript": "^3.5.3"
  }

tsconfig.json

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

原来，您需要从“包括”中删除此行 "src/**/*.ts"，tsconfig.app.json并且仅将入口点保留在文件中（main.ts和polyfills.ts）

我可以通过在中定义files属性来使其工作tsconfig.app.json。这些文件是相对于tsconfig.app.json文件的。

"files": [
    "main.ts",
    "polyfills.ts"
  ]

从Angular 8升级到Angular 9（包括CLI本地和全局）后，我看到这些消息抱怨关于environment。*。ts文件，这些文件实际上是在angular.json中针对不同的版本提到的。但是，我没有运行ng update，可能会使用以下内容更新tsconfig.json，而是手动更新了packages.json。

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

然后警告消失。

在Visual Studio Professional 2019中使用Angular 9.1.x更新2020-05-27

上面的小块不再需要。否则，将导致规格测试代码抱怨“模块未找到”，因为实际上存在的模块ng test正在构建和运行良好，并且ng应用的构建和运行正常。显然，NG中的某些内容在9到9.1之间发生了变化。

这是我现在正在工作的tsconfig.json：

{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "module": "es2020",
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es2015",
        "typeRoots": [
            "node_modules/@types"
        ],
        "lib": [
            "es2018",
            "dom"
        ],
        "skipLibCheck": true
    }
}

备注：

我仅定位到Google Chrome和Safari，因此，如果要定位其他浏览器，则可能需要进行相应的调整。

今天更新到Angular 9并收到警告。我的解决方案是在路径中添加此“文件”数组而不包含“ src”。刚刚添加：

 "files": [
    "main.ts",
    "polyfills.ts"
  ],

我完整的tsconfig.app.json文件是：

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es2015",
    "types": ["node"]
  },
  "files": [
    "main.ts",
    "polyfills.ts"
  ],
  "exclude": [
    "src/test.ts",
    "**/*.spec.ts"
  ]
}

您在使用@ angular-builders / custom-webpack吗？

我在Angular 10中遭到这些消息的轰炸，这是以前从未见过的。变化includes没有影响。

然后我找到了https://github.com/angular/angular/pull/36211。

这与在这个问题中提出的基本上是相同的错误，但是对于ngtypecheck.ts文件（无论它们是什么，我都不确定！）

/home/circleci/ng/aio/src/main.ngtypecheck.ts中的警告是TypeScript编译的一部分，但尚未使用。仅将入口点添加到tsconfig中的“文件”或“包含”属性。

在我看来，这实际上与@angular-builders/custom-webpack。

https://github.com/just-jeb/angular-builders/issues/781 ，其中一个问题才刚刚打开。感谢https://stackoverflow.com/a/62573294/16940指出这一点。

更新至v10.0.1已为我修复了该问题，但有关最新信息，请参见上述问题。

"@angular-builders/custom-webpack": "10.0.1"    // as of today

这看起来似乎很明显，但是对于您添加但尚未引用/导入到另一个文件的任何文件，您都会看到此警告。当您尝试编辑受警告的文件之一时，这将变得很明显，并且Ivy在编辑文件后不会自动重新编译。一旦将模块导入到相关文件中并开始使用它，警告就会消失。

上面的答案可能与某些答案有关，但是我在这篇文章中刚刚描述的是我发出警告的根本原因。请注意，我的tsconfig.json或tsconfig.app.json中没有包含或文件数组，并且在我实际引用项目其他位置的文件时，警告消失了。

2020年2月8日

Ionic 5+ Angular 9+应用程序。

注意：请参阅include部分。

tsconfig.app.json

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

只需添加zone-flags.ts并删除所有包含。

 "files": [
    "src/main.ts",
    "src/polyfills.ts",
    "src/zone-flags.ts"
  ]

在尝试了之前的解决方案建议之后，它为我工作了

更新您的package.json

"@angular-devkit/build-angular": "~0.1000.3" 

你能在这里看到所有版本吗？

https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions

从angular / core检查哪个版本适合您的当前版本

对于版本角10个工作0.1000.3的@角的devkit /集结角

我尝试了很多方法来解决此问题，最终我得以解决。

我的问题是将在Angle 8.1中找到的应用程序更新为angular 9.x，但是该应用程序还使用了Ionic

你应该只有aot: true里面angular.json

在src / polyfills.ts中导入'./zone-flags.ts'; 删除.ts

https://medium.com/@grantbrits/upgrade-ionic-4-to-ionic-5-angular-76514079fb2a在此处输入图像描述

检查您的主tsconfig.app.json文件。

看看里面是否有以下内容，

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

最有可能的原因是这条线。

仅将入口点添加到tsconfig中的files或include属性。

因此，请删除这些行tsconfig.app.json。这就是错误所在：)

"exclude": [
    "src/test.ts",
    "**/*.spec.ts"
  ]

希望对您有所帮助。

谢谢。

升级到Angular 10后，我得到了相同的警告。npm i对于某些开发人员依赖项，运行的报告版本不匹配。升级npm i <package>@latest完这些（），并将nodejs更新到版本12（之前是版本10）之后，警告消失了。

就我而言，这些是必须更新的软件包：

• @angular-devkit/build-angular
• codelyzer

将angular 9应用程序更新为angular 10之后，我遇到了同样的问题。更新angular-devkit解决了它。

就我而言，警告所报告的类确实被使用。但是，问题在于，导入它们时，它们的扩展名为“ .js”。

因此，此行导致错误“ src \ app \ user.service.ts中的警告是TypeScript编译的一部分，但未使用”：

import { UserService } from './user.service.js';

我可以通过删除“ .js”扩展名来修复它：

import { UserService } from './user.service';

tsconfig.app.json

 "exclude": [
    "src/**/*.spec.ts",
    "src/test.ts",
    "src/environments/environment.prod.ts"
  ]

此代码段解决了该问题。

我开始看到警告，Angular 10基于它是开箱即用的CLI创建的新应用程序，当我为test.tsand做产品构建时收到消息时，我感到有些惊讶enviornments.prod.ts。我认为默认情况下会排除这些文件，但事实并非如此，这很奇怪。

该协议是在这些文件不是需要打字稿transpolation; 他们不需要.js捆绑文件的版本并将其发送到浏览器。在test.ts和environments.prod.ts文件是在角建造时间要求的一种手段。因此，可以将它们添加到您应用中的exclude部分tsconfig.app.json或适用的TypeScript配置文件中，如下所示：

  "exclude": [
    "src/**/*.spec.ts",
    "src/test.ts",
    "src/environments/environment.prod.ts"
  ]

如上所述添加这些内容后，警告将不再显示。

对我来说，问题是我正在使用：

loadChildren: () => import('./components/admin/_admin.module').then(m => m.AdminModule)

在我的routes.ts文件中，但未导入模块。所以如果我把

import { AdminModule } from './components/admin/_admin.module';

它解决了。