web-dev-qa-db-ja.com

'router-outlet'は、angular 6の既知の要素ではありません

Angular-cliを使用して、angular6を新規インストールすると、次のエラーが表示されます。

不明なエラー：テンプレート解析エラー：「ルーターアウトレット」は既知の要素ではありません：1.「ルーターアウトレット」がAngularコンポーネントである場合、それがこのモジュールの一部であることを確認します。

私はこのガイドに従いました： https://medium.com/@meemo_86/good-article-beeman-490eaf1399a

そして、私は_<router-outlet></router-outlet>_の代わりに_<ng-content></ng-content>_を使用するように言っているその記事のコメントをフォローしました。

私はそれらの修正を行い、それから https://angular.io/tutorial/toh-pt5 を読み、そこに記載されていることを行います。

これでAppRoutingModuleができたので、そのモジュールをapp.module.tsにインポートします。ここで、ルートを制約し、インポートにRouterModule.forRoot(appRoutes)を追加しました。

しかし、このエラーを解消することはできません。私は何を間違えていますか？ _<router-outler></router-outlet>_に_layout.component.htm_を追加すると、アプリが壊れます。私もここでこのトピックを検索し、いくつかの変更を試みましたが、何も機能していないようです。

完全なソースコードは次のとおりです。

https://github.com/ekstremedia/angular6

angularrouter-outlet
8
Terje Nesthus

UIModuleのインポート内にRouterModuleがないことがわかります

@NgModule({
  imports: [
    CommonModule,
    RouterModule
  ],
  declarations: [LayoutComponent, HeaderComponent, FooterComponent],
  exports: [LayoutComponent]
})
export class UiModule { }
21
Sajeetharan

UIModuleでルーターアウトレットコンポーネントを使用していて、UIModule内にRouterModuleをインポートしなかったため、エラーが発生しています。

4
SplitterAlex

私も同じ問題に出会いました。そして、私はすでにUIModule内にRouterModuleをインポートしましたが、それでも動作しません。しかし、アプリを再起動した後、それは機能し、エラーは発生しませんでした。

だから、あなたがすべきことは次のとおりです。1. UIModule内にRouterModuleをインポートします。 2.アプリを再起動します

1
李岳芸

フォルダapp.module.tsで私がやったことは次のものをインポートしたことです

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

@NgModuleに追加することも忘れないでください

0
user3399358