Discussion :

[ricobye]

Bonjour à tous

Nouveau sur Angular, j'ai installé la 9.1.9 et ai suivi le cursus du site que j'ai enrichi avec d'autres formations en ligne. Dans le cadre du développement d'un petit projet je me retrouve coincé avec un message d'erreur sans réponse malgré mes recherches. Je suis à bout de mes recherche et sollicite donc votre aide.

Je souhaiterais qu'à l'ouverture du site, l'utilisateur soit routé vers un répertoire "home" bien éloigné de la racine. Ce choix simplement parce que je voudrais gérer un espace publique et un espace privé.

Mon arborescence:


Je gère le routing dans app-routing.module.ts d'une part

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './mdpublic/mdhome/home/home.component';
 
 
const MyPath: Routes = [ 
		{ path: '', redirectTo: '/mdpublic/mdhome/home', pathMatch: 'full' }
//		{ path: '', component: HomeComponent },	
//		{ path: 'home', component: HomeComponent }	
	];
 
 
 
@NgModule({
  imports: [
			RouterModule.forRoot(MyPath),
			],
 
  exports: [RouterModule],
  declarations: []
})
export class AppRoutingModule { }

et d'autre part dans mdpublic-routing.module.ts

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './mdhome/home/home.component';
 
const MyPath: Routes = [ 
			{ path: '', component: HomeComponent }
		];
 
@NgModule({
  imports: [
	RouterModule.forRoot(MyPath),
	],
  exports: [RouterModule]
})
 
export class MdpublicRoutingModule { }

Dans app.component.ts, je fais appel au router

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div style="text-align:center">
  <h1>
    Mais pourquoi ca ne marche pas
  </h1>
</div>
<router-outlet></router-outlet>
</div>

Le code compile avec une erreur bloquante et je ne trouve pas la solution malgré mes recherches. Je n'avance donc pas depuis deux jours.

enableProdMode() to enable the production mode.
core.js:6228 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'mdpublic/mdhome/home'
Error: Cannot match any routes. URL Segment: 'mdpublic/mdhome/home'
at ApplyRedirects.noMatchError (router.js:4396)
at CatchSubscriber.selector (router.js:4385)
at CatchSubscriber.error (catchError.js:29)
at MapSubscriber._error (Subscriber.js:75)
at MapSubscriber.error (Subscriber.js:55)
at MapSubscriber._error (Subscriber.js:75)
at MapSubscriber.error (Subscriber.js:55)
at MapSubscriber._error (Subscriber.js:75)
at MapSubscriber.error (Subscriber.js:55)
at ThrowIfEmptySubscriber._error (Subscriber.js:75)
at resolvePromise (zone-evergreen.js:798)
at resolvePromise (zone-evergreen.js:750)
at zone-evergreen.js:860
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:41632)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at drainMicroTaskQueue (zone-evergreen.js:569)

Pourriez-vous m'aider à trouver une solution s'il vous plait?

Cordialement

[krakatoa]

'/mdpublic/mdhome/home' l'as tu associé à un composant ?

puisque tu rediriges vers ce chemin ici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
{ path: '', redirectTo: '/mdpublic/mdhome/home', pathMatch: 'full' }

[ricobye]

Bonjour Krakatoa

Oui c'est le chemin du composant "home".

Merci

[dukoid]

c'est bien de le dire mais faut le faire !

'/mdpublic/mdhome/home' doit être relié au composant home

[ricobye]

Bonjour Dukoid.
Je vous avoue que je ne comprends pas ce que vous dites. J'ai bien un composant dans le répertoire /mdpublic/mdhome/home...



Mon paramètre RedirectTo est-il faut?

Merci

[dukoid]

tu confonds chemin de dossier et chemin url

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
{ path: '', redirectTo: '/mdpublic/mdhome/home', pathMatch: 'full' }

'/mdpublic/mdhome/home' est le chemin url


un redirectTO redirige vers une route url comme si tu mettais dans le navigateur : localhost/..../'mdpublic/mdhome/home
dans le navigateur tu met ça: '' et automatiquement tu es redirigé vers le chemin url : localhost/..../'mdpublic/mdhome/home

le routing angular veut que l'on associe un chemin url à un composant, ce qui n'a pas été fait !
le chemin url:'/mdpublic/mdhome/home' est associé à aucun composant d'ou l'erreur !

[ricobye]

Merci beaucoup Dukoid. Je corrige dès maintenant et test.


Merci