• ENTRAR
  • No hay productos en el carrito.

Error con las rutas

Viendo 6 publicaciones - del 1 al 6 (de un total de 6)
  • Autor
    Publicaciones
  • #4584

    Alfredo
    Participante

    me esta dando este error que puede ser o que me endica

    error_handler.js:54EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load ‘HomeComponent’

    Error: Cannot find primary outlet to load ‘HomeComponent’

    at getOutlet

    #4603

    Cursosdesarrolloweb
    Jefe de claves

    ¿Has importado y registrado en los módulos correctamente el componente HomeComponent?, ¿qué unidad te da el error?.

    #4616

    Alfredo
    Participante

    este es mi ruting

    import {ModuleWithProviders} from ‘@angular/core’;

    import {Routes,RouterModule} from ‘@angular/router’;

    import {HomeComponent} from ‘../componets/home/home.component’;

    import {LoginComponent} from ‘../componets/login/login.component’;

    import {ContactComponent} from ‘../componets/contact/contact.component’;

    import {ProfileComponent} from ‘../componets/profile/profile.component’;

    import {DashboardComponent} from ‘../componets/dashboard/dashboard.component’;

     

    const appRouter: Routes = [

    {

    path: ‘profile’,

    component: ProfileComponent

    },

    {

    path: ‘dashboard’,

    component: DashboardComponent

    },

    {

    path: ‘contact’,

    component: ContactComponent

    },

    {

    path: ‘login’,

    component: LoginComponent

    },

    {

    path: ”,

    component: HomeComponent

    }

    ];

     

    export const routing: ModuleWithProviders = RouterModule.forRoot(appRouter);

    el error es este

     

    error_handler.js:54EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load ‘HomeComponent’

    Error: Cannot find primary outlet to load ‘HomeComponent’

    at getOutlet (http://localhost:4200/vendor.bundle.js:91774:19) [angular]

    at ActivateRoutes.activateRoutes (http://localhost:4200/vendor.bundle.js:91607:47) [angular]

    at http://localhost:4200/vendor.bundle.js:91552:58 [angular]

    at Array.forEach (native) [angular]

    at ActivateRoutes.activateChildRoutes (http://localhost:4200/vendor.bundle.js:91552:29) [angular]

    at ActivateRoutes.activate (http://localhost:4200/vendor.bundle.js:91526:14) [angular]

    at http://localhost:4200/vendor.bundle.js:91094:22 [angular]

    at SafeSubscriber._next (http://localhost:4200/vendor.bundle.js:14625:21) [angular]

    at SafeSubscriber.__tryOrSetError (http://localhost:4200/vendor.bundle.js:62140:16) [angular]

    at SafeSubscriber.next (http://localhost:4200/vendor.bundle.js:62082:27) [angular]

    at Subscriber._next (http://localhost:4200/vendor.bundle.js:62033:26) [angular]

    at Subscriber.next (http://localhost:4200/vendor.bundle.js:61997:18) [angular]

    at MapSubscriber._next (http://localhost:4200/vendor.bundle.js:88442:26) [angular]

    at MapSubscriber.Subscriber.next (http://localhost:4200/vendor.bundle.js:61997:18) [angular]

    #4618

    Alfredo
    Participante

    este es mi app.module

     

    import { BrowserModule } from ‘@angular/platform-browser’;

    import { NgModule } from ‘@angular/core’;

    import { FormsModule } from ‘@angular/forms’;

    import { HttpModule } from ‘@angular/http’;

     

    import { AppComponent } from ‘./app.component’;

    import { HomeComponent } from ‘./componets/home/home.component’;

    import { ContactComponent } from ‘./componets/contact/contact.component’;

    import { DashboardComponent } from ‘./componets/dashboard/dashboard.component’;

    import { LoginComponent } from ‘./componets/login/login.component’;

    import { ProfileComponent } from ‘./componets/profile/profile.component’;

    import {routing} from ‘./router/app.routing’;

     

    @NgModule({

    declarations: [

    AppComponent,

    HomeComponent,

    ContactComponent,

    DashboardComponent,

    AppComponent,

    LoginComponent,

    ProfileComponent

    ],

    imports: [

    BrowserModule,

    FormsModule,

    HttpModule,

    routing

    ],

    providers: [],

    bootstrap: [AppComponent]

    })

    export class AppModule { }

     

    #4620

    Alfredo
    Participante

    solucionado en mi app.componet.html coloque <router-outlet></router-outlet> y ya esta resuelto muchas gracias

    #4622

    Cursosdesarrolloweb
    Jefe de claves

    Gracias por tu aclaración Alfredo.

Viendo 6 publicaciones - del 1 al 6 (de un total de 6)

Debes estar registrado para responder a este debate.

Síguenos en las redes sociales para estar al tanto de los últimas novedades :)

Facebook
Facebook
Google+
Google+
https://www.cursosdesarrolloweb.es/forums/topic/error-con-las-rutas">
Pinterest
Pinterest
top
Cursosdesarrolloweb ©. Todos los derechos reservados.
🔓Inscríbete a cualquier curso por 9€ y accede a todos los cursos gratuitos para siempre🔓
🌍Los cursos gratuitos son exclusivos de esta plataforma, ÚLTIMOS CURSOS EN 4K🌍
+ +

Login

Create an Account Back to login/register