Fichier app/héros.ts' n'est pas un module d'erreur dans la console, où stocker les interfaces dans la structure de répertoire avec angular2?

Je suis en train de faire la angular2 tutoriel à cette adresse : https://angular.io/docs/ts/latest/tutorial/toh-pt3.html j'ai mis le hero interface dans un fichier unique en vertu de la app dossier, dans la console, j'ai cette erreur:

app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
[0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.

Si j'ai mis mon fichier d'interface dans l'un des héros de dossier de l'erreur disparait, ce n'est pas mentionné dans la documentation, quoi de mal avec mon importation ?

Mon directive d'importation (à l'beguining les fichiers de composant) dans les deux app.components.ts et hero-detail.component.ts:

import {Component} from 'angular2/core';

import {Hero} from './hero';

Dois-je remplacer mon directive d'importation par: import {Hero} from './'; ou il suffit de mettre le code dans un héros dossier ?

Merci pour vos réponses.

InformationsquelleAutor Sunitrams' | 2016-01-06

angular

362

Essayez de Redémarrer l'éditeur dans lequel vous écrivez le code(VS code ou Sublime).
Compiler et de l'Exécuter à nouveau. J'ai fait la même chose et ça a fonctionné.

Ce qui se passe lorsque vous ajoutez une nouvelle classe à l'extérieur de votre rédacteur en chef ou continuez à gérer votre angulaire de la cli "ng servir". En fait votre éditeur ou le " ng servir de la commande ne peut pas en mesure de trouver les fichiers nouvellement créés.
- Le redémarrage des travaux ... mais quelqu'un sait Quelle est la cause?
- J'ai aussi rencontré ce problème avec Angulaire 4 et VS Code. J'ai été à la suite l'une de ces vidéos sur le Code à l'École où ils séparent les données dans un se moque.fichier ts, et chaque fois, il a compilé, il dit que ce n'était pas un module. Le redémarrage VS Code a fonctionné. C'est très étrange que ce qui s'est passé, mais je n'ai pas eu d'erreur lors de déplacement des autres pièces dans des fichiers séparés.
- Le redémarrage n'a rien fait pour moi. J'ai dû renommer le problème de la classe, et les fichiers qu'il contenait.
- Je suis assez sûr que le redémarrage d'aide parce que vous avez oublié d'enregistrer un fichier. Dans mon cas (qui est utilisé pour intellij idea, mais utilisé de l'Atome dans ce cas) j'ai oublier de sauvegarder le nouveau héros.fichier ts. Tant que vous n'avez pas l'enregistrer ng servir ne peut pas le construire 🙂
- C'est triste à dire, mais le redémarrage des travaux. Et il me rend la vie misérable: quand quelque chose ne fonctionne pas, je ne sais pas si c'est parce que j'ai fait une erreur ou à cause de quelque inexplicable caprice de Nœud/Angulaire/Code Visuel qui ne laisse ça marche si je redémarre le Code Visuel ou le serveur. Ce n'est pas la manière dont les professionnels des travaux! 🙁
- Redémarrez VS Code n'a rien fait jusqu'à j'ai essayé de fermer tous les fichiers et confirmer l'enregistrement de l' .fichier ts de l'erreur, puis fermez toutes les fenêtres du terminal et exécutez "ng servir" à nouveau
- Qui m'est arrivé avec stackblitz.com. Et je confirme que le rechargement des travaux du projet
InformationsquelleAutor ajitkumar
28

J'ai eu le même message d'erreur dans le même tutoriel, car je l'avais oublié le exportation mot-clé pour l'interface.

InformationsquelleAutor Rasmus Rummel
24

probablement vous avez oublié d'ajouter "Exporter" dans la définition de classe.

-->
```
export class Hero {
     id: number;
     name: string;
   }
```
Aussi, essayez avec
```
export {Hero} 
```
au bas de votre héros.ts de la classe, et enfin, de vérifier lettre majuscule nom de fichier et le nom de la classe.
- Je n'ai pas oublié à l'exportation. J'ai pensé que j'ai peut-être eu une faute de frappe j'ai donc copié et collé votre code. Le problème est résolu. Mais j'ai ensuite revenue à mon précédent code et ça fonctionne bien. Quelque chose est faux.
- est-ce mieux que de créer une normal const?
InformationsquelleAutor Sebastian Gomez
18

L'erreur parce que vous n'avez pas sauvegardé les fichiers après leur création.

Essayer de sauver tout le fichier en cliquant sur "Enregistrer Tout" sur l'Éditeur.

Vous pouvez voir le nombre de fichiers qui ne sont pas enregistrées par la recherche ci-dessous le menu "Fichier" démontré à l'aide de couleur bleue.
- Cela a fonctionné, je suis moi forçant à se sentir stupide maintenant.
- Lol a mon problème
InformationsquelleAutor btreport
10

Redémarrage de mon ng serve processus a fonctionné pour moi

InformationsquelleAutor Andrea Gherardi
5

Pour les gens d'obtenir la même erreur sur stackblitz

Vous trouverez une Dépendance onglet sur la barre latérale gauche de l'IDE. Cliquez simplement sur le bouton actualiser à côté de lui et vous serez bon d'aller.

InformationsquelleAutor Abdullah Khan
3

Comme je l'ai connu lorsque j'ajoute un nouveau fichier de mon projet, j'ai eu à arrêter et redémarrer le ng serveur.

InformationsquelleAutor Hector
2

Cette erreur est causée par failer de la ng serve servir pour récupérer automatiquement un nouveau fichier ajouté. Pour résoudre ce problème, il suffit de redémarrer votre serveur.

Bien que la fermeture de la réouverture de l'éditeur de texte ou IDE permet de résoudre ce problème, beaucoup de gens ne veulent pas passer par tout le stress de la réouverture du projet. Pour Résoudre ce sans fermer l'éditeur de texte...

Dans le terminal où le serveur est en cours d'exécution,
- Appuyez sur ctrl+C pour arrêter le serveur, puis,
- Redémarrer le serveur: ng serve
Qui devrait fonctionner.
- Le redémarrage de ng serve fonctionne pour moi.
InformationsquelleAutor Pila
1

Le tutoriel est de vous mettre tous les composants et l'interface de fichier dans le même répertoire d'où la relative à l'importation './hero' si vous voulez le déplacer ailleurs vous avez besoin de changer cela.

Edit: Le code peut continuer à travailler, mais le compilateur va se plaindre parce que vous tentez d'effectuer une importation à partir d'un emplacement incorrect. Je serais tout simplement modifier l'importation en fonction de votre structure. Par exemple:
```
app/
  component1/
    component1.ts
  compnent2/
    component2.ts
  hero.ts
```
Je voudrais simplement modifier l'importation de import {Hero} from '../hero'.
- Mon code est parfaitement de travail même si, ce que j'écris, import {Hero} from './'; ou import {Hero} from './hero';. Je me demande quelle est la meilleure façon de stocker les fichiers d'interface ?
- Désolé @Zyzle, downvoted que je ne pense pas que cela répond à la question de l'OP avait
InformationsquelleAutor Zyzle
1

redémarrer ng servir

J'ai eu le même problème. Dans le but de trouver l'erreur, j'ai choisi l'erreur et l'a accidentellement fait un CTRL+C (ce qui signifie pour copier), qui s'est terminé ng servir. Sur le redémarrage de ng servir, l'erreur a disparu :). Parfois des fautes de frappe et de gros doigts aider 😉

InformationsquelleAutor kishore
1

Éditeur de problème. Lorsque vous créez de nouveaux fichiers que vous n'utilisez pas Angulaire de la CLI, assurez-vous que vous allez à Fichier > Enregistrer Tous (VS Code) pour permettre à l'Éditeur de vos modifications. Ensuite, exécutez "ng servir d'ouvrir" une nouvelle fois. Il a résolu le mien. Espérons que cela aide

InformationsquelleAutor Hung Vu
0

J'ai rencontré le même problème en VSC. Avez redémarré l'éditeur et a commencé à nouveau l'application. Il a bien fonctionné.
- Ce n'est pas une réponse que donnerait aucune indication. Même si vous pensez que le redémarrage est la réponse à ce problème, vous dire pourquoi cela se produit.
InformationsquelleAutor B_sadagopan
0

J'ai trouvé que non seulement je dois redémarrer le Code de Visual Studio, mais le nœud de processus serveur en tant que bien avant que je puisse obtenir une bonne compilation.

InformationsquelleAutor Phred Menyhert
0

J'ai fait face à un même problème.

J'ai redémarré mon serveur et ça fonctionne très bien. Semble comme un bug.

InformationsquelleAutor Dalvik
0

J'ai été confronté à la même question, essayé de redémarrer mon serveur, la réouverture de l'éditeur, mais le redémarrage de l'ordinateur ne la magie.

P. S: j'étais en face d'un problème sur une machine windows et le problème est survenu lorsque j'ai déménagé module dans un nouveau dossier.

InformationsquelleAutor apijay
0

J'ai eu un problème similaire. J'ai écrit héros au lieu de Héros

importer les suivants:
```
import { Hero } from '../Hero';
```
InformationsquelleAutor Gero
0

Parfois cette erreur se produit lorsque l' .ts fichier n'est pas enregistré. Donc, assurez-vous que tous les fichiers du projet sont enregistrés sinon, essayez de redémarrer l'éditeur.

InformationsquelleAutor babidi
0

Ouvrir l'invite de commandes, accédez au dossier app, par exemple D:\angular-tour-of-heroes\src\app

Puis créer un nouveau fichier à l'aide de la commande suivante:
```
ng generate class hero
```
Cela va créer une hero.ts fichier. Vous pouvez ensuite coller le code d'exportation, et l'erreur a disparu.

InformationsquelleAutor ankit mishra
0

Vous devez enregistrer tous les fichiers. Par exemple html, css, d'un composant.ts, module, les fichiers de modèle. Ouvrir chaque fichier et appuyez sur ctrl-S. Cela a fonctionné pour moi

InformationsquelleAutor Abdul Mutaal
0

Dans mon cas, j'avais oublié d'enregistrer les modifications dans le fichier app/héros.ts', après l'enregistrement et le redémarrage de ng servir le problème a été résolu.

InformationsquelleAutor tmndungu
0

Ma Résolution,

Dans mon cas, j'ai créé un fichier de modèle, et l'a gardé vide,

alors, quand j'ai importé à un autre modèle, Il me donne l'erreur. afin d'écrire la définition lorsque vous créez un modèle de fichier d'enregistrement de fichier.

InformationsquelleAutor Pradip Thakre
0

Je suis en utilisant angulaire 7. Je l'ai changé comme ci-dessous à l'intérieur de mon héros.ts fichier.
```
from: export interface Hero 
to: export class Hero 
```
Note: j'ai mon nom de la classe réelle est différente et il était utilisé comme objet de valeur ou dto.

InformationsquelleAutor Sharad Gaikwad

Vous devez vous connecter pour publier un commentaire.