Angular-cli: Kesalahan: Tidak dapat menemukan outlet utama untuk memuat 'MyComponent'

Dibuat pada 10 Okt 2016  ·  2Komentar  ·  Sumber: angular/angular-cli

Harap berikan kami informasi berikut:

OS?

Mac OSX

Versi.

angular-cli: 1.0.0-beta.17
simpul: 6.7.0
sistem operasi: darwin x64

Langkah-langkah repro.

Migrasi aplikasi RC4 untuk dirilis. Saya membuat kerangka dengan ng new dan saya memigrasikan kode dari proyek yang ada.

Log yang diberikan oleh kegagalan.

Ketika saya mencoba pergi ke rute saya - mereka memberi tahu saya bahwa komponennya tidak ada

logging-error-handler.ts:58Uncaught (dalam janji): Kesalahan: Tidak dapat menemukan outlet utama untuk memuat 'StyleGuideComponent'LoggingErrorHandler.handleError @ logging-error-handler.ts:58
logging-error-handler.ts:59Error: Uncaught (dalam janji): Error: Tidak dapat menemukan outlet utama untuk memuat 'StyleGuideComponent'
di resolvePromise (zone.js:429)
di zone.js:406
di ZoneDelegate.invoke (zone.js:203)
di Object.onInvoke (ng_zone_impl.js:43)
di ZoneDelegate.invoke (zone.js:202)
di Zone.run (zone.js:96)
di zone.js:462
di ZoneDelegate.invokeTask (zone.js:236)
di Object.onInvokeTask (ng_zone_impl.js:34)
di ZoneDelegate.invokeTask (zone.js:235)

Sebutkan detail lain yang mungkin berguna.

Inilah app-routing.module.ts saya (disederhanakan):

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { StyleGuideComponent } from './assets/style-guide/style-guide.component';

const routes: Routes = [
  { path: '', redirectTo: '/style-guide', pathMatch: 'full' },
  { path: 'style-guide', component: StyleGuideComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: []
})
export class MyAppRoutingModule { }

dan app.module.ts saya (sekali lagi, disederhanakan)

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';
import { MaterialModule } from '@angular/material';

import { MyAppRoutingModule } from './app-routing.module';

import { StyleGuideComponent } from './assets/style-guide/style-guide.component';

@NgModule({
  declarations: [
    AppComponent,
    StyleGuideComponent

  ],
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule,
    HttpModule,
    MaterialModule.forRoot(),
    MyAppRoutingModule
  ],

  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Saya mendapatkan masalah yang sama saat mencoba merutekan ke salah satu komponen lain.... Ada ide?

Komentar yang paling membantu

Oke, maaf mencemari air ... Ini ternyata menjadi perubahan perilaku dalam perutean. Saya akan meninggalkannya di sini kalau-kalau itu membantu orang lain.

Saya memiliki persyaratan di sekitar <router-outlet> saya -- yang tidak berfungsi lagi.

<div class="main-body" *ngIf="user && user.authorized">
  <router-outlet></router-outlet>
</div>

sudut/sudut#11100

Anda perlu menggunakan penjaga rute
https://angular.io/docs/ts/latest/guide/router.html#! #penjaga
https://angular.io/docs/ts/latest/guide/router.html#! #resolve-guard

Terima kasih -- Chad

Semua 2 komentar

Oke, maaf mencemari air ... Ini ternyata menjadi perubahan perilaku dalam perutean. Saya akan meninggalkannya di sini kalau-kalau itu membantu orang lain.

Saya memiliki persyaratan di sekitar <router-outlet> saya -- yang tidak berfungsi lagi.

<div class="main-body" *ngIf="user && user.authorized">
  <router-outlet></router-outlet>
</div>

sudut/sudut#11100

Anda perlu menggunakan penjaga rute
https://angular.io/docs/ts/latest/guide/router.html#! #penjaga
https://angular.io/docs/ts/latest/guide/router.html#! #resolve-guard

Terima kasih -- Chad

Masalah ini telah dikunci secara otomatis karena tidak ada aktivitas.
Silakan ajukan masalah baru jika Anda mengalami masalah serupa atau terkait.

Baca lebih lanjut tentang kebijakan penguncian percakapan otomatis kami.

_Tindakan ini telah dilakukan secara otomatis oleh bot._

Apakah halaman ini membantu?
0 / 5 - 0 peringkat