1. ホーム
  2. angular

[解決済み】「ルーター・アウトレット」は既知の要素ではない

2022-02-13 08:20:49

質問

私は、Angularフロントエンドとmvc 5プロジェクトを持っています。私はこのチュートリアルで説明されているようにルーティングを追加したいと思いました。 https://angular.io/guide/router . だから私の _Layout.cshtml を追加しました。

<base href="/">

を作成し、app.moduleにルーティングを作成しました。しかし、これを実行すると、次のようなエラーが発生します。

Error: Template parse errors:
    'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part       of this module.
    2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA'   to the '@NgModule.schemas' of this component to suppress this message. ("
    <a routerLink="/dashboard">dashboard</a>
    </nav>
    [ERROR ->]<router-outlet></router-outlet>
     "): ng:///AppModule/AppComponent.html@5:0

私のapp.componentの中で、次の行は

<router-outlet></router-outlet>

は、Visual studio が 'router-outlet' タグを解決できないというエラーを表示します。このエラーを修正する方法について、何か提案はありますか?私は、参照またはインポートを見逃しているか、単に何かを見落としていますか?

以下は、私のpackage.json、app.component、app.moduleです。

{コード {コード :

{{コード

{{コード :

{{コード

{{コード :

{{コード

解決するには?

で試してみてください。

プレ package.json

でエクスポートの設定をする必要はありません。 { "version": "1.0.0", "name": "app", "private": true, "scripts": {}, "dependencies": { "@angular/common": "^4.2.2", "@angular/compiler": "^4.2.2", "@angular/core": "^4.2.2", "@angular/forms": "^4.2.2", "@angular/http": "^4.2.2", "@angular/platform-browser": "^4.2.2", "@angular/platform-browser-dynamic": "^4.2.2", "@angular/router": "^4.2.2", "@types/core-js": "^0.9.41", "angular-in-memory-web-api": "^0.3.2", "bootstrap": "^3.3.7", "core-js": "^2.4.1", "graceful-fs": "^4.0.0", "ie-shim": "^0.1.0", "minimatch": "^3.0.4", "reflect-metadata": "^0.1.10", "rxjs": "^5.0.1", "systemjs": "^0.20.12", "zone.js": "^0.8.12" }, "devDependencies": { "gulp": "^3.9.1", "gulp-clean": "^0.3.2", "gulp-concat": "^2.6.1", "gulp-tsc": "^1.3.2", "gulp-typescript": "^3.1.7", "path": "^0.12.7", "typescript": "^2.3.3" } } なぜなら app.module.ts は、アプリケーション内の他のモジュールからインポートされることはありません。