Syndrome de la page blanche
Bonjour tout le monde,
Je suis en train de potasser un projet GlobalWeather, qui affiche la météo.
Je rame un peu mais ça affichait toujours quelque chose, ne serait-ce que des erreurs.
Comme il manquait des éléments, j'ai comparé page par page avec le projet modèle, pour rapatrier ce qui manque.
Eh bien maintenant, mon projet n'affiche que le fichier index.html, qui se trouve dans le répertoire src.
Dans la source de la page je reconnais bien la balise <app-root>
D'habitude ça renvoie au fichier app.component.html du répertoire src/app, qui contient la balise router-outlet
En clair, la page est toute blanche, si ce n'est que le titre apparaît sur la barre de titre.
Le fichier main.ts est conforme, contrairement à celui de quelqu'un qui a vécu la même mésaventure.
polyfills.js, rien à redire.
Bon ... Est-ce que je vais devoir tous les faire ?
Ah, sur l'écran de réponse du compilateur, dans le projet qui fonctionne je vois ça :
Citation:
i ｢wdm｣: Compiled successfully.
i ｢wdm｣: Compiling...
i ｢wdm｣: wait until bundle finished: /weather
Dans celui qui ne fonctionne pas je dois me contenter de ça :
Citation:
** Angular Live Development Server is listening on localhost:4200, open your browser on
http://localhost:4200/ **
: Compiled successfully.
ce qui somme toute paraît assez habituel, mais je compare avec ce qui marche ...
Ah un petit coup d'œil à app-routing.module.ts, qui est pareil des deux côtés :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { WeatherComponent } from './weather/weather.component';
const routes: Routes = [
{ path: '', redirectTo: 'weather', pathMatch: 'full' },
{ path: 'weather', component: WeatherComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { } |
