Comment se débarrasser du fichier d'avertissement .ts fait partie de la compilation TypeScript mais il n'est pas utilisé

Il s'est avéré que vous deviez supprimer cette ligne de "include" "src/**/*.ts" de tsconfig.app.json et ne conserver que les points d'entrée dans les fichiers (main.ts et polyfills.ts)

Pour moi, le problème était que j'utilisais:

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

dans mon fichier routes.ts mais n'importait pas le module. Donc si je viens de mettre

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

il le résout.

J'avais vu ces messages se plaindre de l'environnement. *. Ts fichiers qui sont en fait mentionnés dans angular.json pour différentes versions, après la mise à niveau d'Angular 8 à Angular 9, y compris CLI local et global. Cependant, je n'ai pas exécuté ng update qui pourrait mettre à jour tsconfig.json avec ce qui suit, mais j'ai mis à jour packages.json manuellement.

{
    "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
    }
}

Puis les avertissements disparaissent.

Mise à jour 2020-05-27 avec Angular 9.1.x dans Visual Studio Professional 2019

Le petit bloc ci-dessus n'est plus nécessaire. Sinon, cela entraînera les codes de test de spécification se plaignant de "module non trouvé" contre des modules qui sont réellement là puisque ng test est construit et fonctionne très bien, et la construction et l'exécution de l'application ng sont OK. Apparemment, quelque chose dans NG avait changé entre 9 et 9,1.

Voici mon travail tsconfig.json maintenant:

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

remarques:

Je cible uniquement Google Chrome et Safari, donc si vous souhaitez cibler d'autres navigateurs, vous devrez peut-être ajuster en conséquence.

Je pourrais le faire fonctionner en définissant la propriété files dans tsconfig.app.json . Ces fichiers sont relatifs au fichier tsconfig.app.json .

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

Cela peut sembler évident, MAIS vous verrez cet avertissement pour tout fichier que vous ajoutez mais qui n'est pas encore référencé / importé dans un autre fichier. Cela deviendra évident lorsque vous tenterez de modifier l'un des fichiers soumis à l'avertissement, et Ivy ne recompile pas automatiquement après la modification du fichier. Une fois que vous importez le module dans un fichier dépendant et que vous commencez à l'utiliser, les avertissements disparaissent.

Les réponses ci-dessus peuvent être pertinentes pour certains, mais ce que je viens de décrire dans cet article était à l'origine de mes avertissements. Notez que je n'ai pas de tableau d'inclusion ou de fichiers dans mon tsconfig.json ou tsconfig.app.json et les avertissements ont disparu dès que j'ai effectivement référencé les fichiers ailleurs dans mon projet.

Mis à jour vers Angular 9 aujourd'hui et reçu des avertissements. Ma solution a été d'ajouter ce tableau "files" sans le "src" dans le chemin. Vient d'ajouter:

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

Mon fichier tsconfig.app.json complet est:

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

J'ai essayé beaucoup de choses pour résoudre ce problème et j'ai finalement pu le résoudre.

mon problème était de mettre à jour une application trouvée dans angular 8.1 vers angular 9.x, mais l'application utilisait également Ionic

vous ne devriez avoir que aot: true dans angular.json

dans src / polyfills.ts pour importer './zone-flags.ts'; supprimer .ts

https://medium.com/@grantbrits/upgrade-ionic-4-to-ionic-5-angular-76514079fb2a entrez la description de l'image ici

Ajoutez simplement zone-flags.ts et supprimez toutes les inclusions.

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

Utilisez-vous @ angular-builders / custom-webpack?

J'étais bombardé de ces messages dans Angular 10 sans les avoir jamais vus auparavant. Le changement includes ne fait aucune différence.

Ensuite, j'ai trouvé https://github.com/angular/angular/pull/36211 .

C'est essentiellement la même erreur que celle soulevée dans cette question mais pour les fichiers ngtypecheck.ts (quoi qu'ils soient exactement, je ne suis pas sûr!)

ATTENTION dans /home/circleci/ng/aio/src/main.ngtypecheck.ts fait partie de la compilation TypeScript mais il n'est pas utilisé. Ajoutez uniquement des points d'entrée aux propriétés 'files' ou 'include' de votre tsconfig.

Il me semble que c'est en fait à voir avec @angular-builders/custom-webpack .

https://github.com/just-jeb/angular-builders/issues/781 où un problème vient tout juste d'être ouvert. Merci à https://stackoverflow.com/a/62573294/16940 pour l'avoir signalé.

La mise à jour vers la dernière version bêta l'a corrigé pour moi, mais consultez le problème ci-dessus pour la dernière.

"@angular-builders/custom-webpack": "10.0.0-beta.0"    // as of today

Vérifiez votre fichier tsconfig.app.json principal.

et voyez si vous avez le contenu suivant à l'intérieur,

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

Très probablement, les lignes à blâmer étaient les suivantes.

Ajoutez uniquement des points d'entrée aux files ou include propriétés dans votre tsconfig.

Donc, supprimez ces lignes si vous en avez sur votre tsconfig.app.json . Voilà ce qu'est l'erreur :)

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

J'espère que cela aidera quelqu'un.

Merci.

02-08-2020

Application Ionic 5+ Angular 9+.

Remarque: voir la section 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"
  ]
}

Après la mise à niveau vers Angular 10, j'ai reçu les mêmes avertissements. Exécution de npm i signalé des incompatibilités de version pour certaines dépendances de développement. Après la mise à niveau de ceux-ci ( npm i <package>@latest ) et la mise à jour de nodejs vers la version 12 (était la version 10), les avertissements avaient disparu.

Dans mon cas, ce sont les packages qui ont dû être mis à jour:

• @angular-devkit/build-angular
• codelyzer

J'ai rencontré le même problème après la mise à jour de l'application angular 9 vers angular 10. La mise à jour angular-devkit l'a résolu.

Dans mon cas, les classes signalées par l'avertissement ont vraiment été utilisées. Cependant, le problème était que lors de leur importation, ils avaient l'extension ".js".

Donc, cette ligne provoquait l'erreur "AVERTISSEMENT dans src \ app \ user.service.ts fait partie de la compilation TypeScript mais il n'est pas utilisé":

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

Et je pourrais le réparer en supprimant l'extension ".js":

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

après avoir essayé les propositions de solutions avant, cela a fonctionné pour moi

mettre à jour dans votre package.json

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

pouvez-vous voir ici toutes les versions.

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

vérifier quelle version fonctionne avec votre version actuelle d'angular / core

pour angular 10 travailler avec la version 0.1000.3 de @ angular-devkit / build-angular

J'ai commencé à voir les avertissements dans Angular 10 ce qui est un peu surprenant étant donné qu'il s'agissait d'une nouvelle application créée à l'aide de la CLI test.ts à l' test.ts et j'ai reçu les messages lors de la création d'une production pour test.ts et enviornments.prod.ts . Je pense que ces fichiers seraient exclus par défaut, mais ils ne le sont pas et c'est étrange.

Le problème est que ces fichiers ne sont pas nécessaires pour la transpolation TypeScript; ils n'ont pas besoin de versions .js des fichiers pour être regroupés et envoyés au navigateur. Les fichiers test.ts et environments.prod.ts sont un moyen de répondre aux exigences de temps de construction dans Angular. Par conséquent, ils peuvent être ajoutés à la section d' exclude dans tsconfig.app.json ou au fichier de configuration TypeScript applicable dans votre application comme ci-dessous:

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

Une fois ceux-ci ajoutés comme ci-dessus, l'avertissement ne s'affichera plus.