angular 8: pourquoi le composant ne se charge pas?

Question

J'ai donc créé une application avec angular-cli. J'ai la structure suivante dans src dir.

. ├── app │   ├── app-routing.module.ts │   ├── app.component.css │   ├── app.component.html │   ├── app.component.spec.ts │   ├── app.component.ts │   ├── app.module.ts │   └── notifications │   ├── notifications.component.css │   ├── notifications.component.html │   ├── notifications.component.spec.ts │   └── notifications.component.ts ├── assets ├── environments │   ├── environment.prod.ts │   └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── protocol.js ├── styles.css └── test.ts

Les itinéraires ont suivi.

RouterModule.forRoot([
        { path: '', component: AppComponent },
        { path: 'notifications', component: NotificationsComponent}
    ])

AppComponent a Html pour la page de connexion.
Une fois le formulaire soumis, je redirige vers le composant notifications avec [routerLink]="['/notifications']"

Maintenant j'attends <app_root></app_root> dans le fichier index.html à remplir avec notifications-component.html.

Tout d'abord, l'hypothèse ci-dessus est-elle juste?

J'ai essayé de changer le sélecteur dans notification-component.ts
J'ai essayé de mettre <app-notifications></app-notifications> dans <app_root></app_root>
J'ai essayé de mettre <router-outlet></router-outlet> dans <app_root>, app.component.html et notifications.component.html. (Seulement app.component.html travaillé. mais il montre les deux HTML.)

Si les hypothèses ci-dessus ne sont pas correctes, comment est-il censé fonctionner?

P.S.

MERCI, TOUT LE MONDE POUR UNE RÉPONSE RAPIDE.

Je sais que toutes vos réponses sont exactes, mais je ne pouvais accepter qu'une seule réponse.

Answer 1

Pour mon cas, la sensibilité à la casse était le problème. Une erreur qu'un nouvel utilisateur comme moi pourrait commettre est la sensibilité à la casse du nom de chemin.