[解決済み] Angular2において、テンプレートを必要としないコンポーネントがありますが、テンプレートエラーが発生します。
2022-02-19 23:32:13
質問
このようなエラーが発生します。
コンポーネントに対してテンプレートが指定されていません PageNotFoundComponent Error: No テンプレートは、コンポーネント PageNotFoundComponent に指定されています。 at DirectiveNormalizer.normalizeDirective
このモジュール
/
コンポーネントはユーザーをホームページにリダイレクトし、ルートが存在しない場合はログアウトさせます。
**
これは私のコンポーネントです。
import { Directive} from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../../services/authService/authService';
@Directive({
selector: 'PageNotFoundComponent'
})
export class PageNotFoundDirective {
constructor(_authService: AuthService, _router: Router){
_authService.isAuthenticated().then(() => {
_router.navigate(['/home']);
});
}
}
これは私のモジュールです
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { PageNotFoundDirective } from './pageNotFound.directive';
import { AuthService } from '../../services/authService/authService';
@NgModule({
imports: [CommonModule, RouterModule],
declarations: [PageNotFoundDirective],
exports: [PageNotFoundDirective],
providers: [AuthService]
})
export class PageNotFoundModule { }
これは私のルートです。
import { Route } from '@angular/router';
import { PageNotFoundDirective } from './index';
export const PageNotFoundRoutes: Route[] = [
{
path: '**',
component: PageNotFoundDirective
}
];
これは現在出ているエラーです。
(index):95エラーです。(SystemJS) 'PageNotFoundDirective' をコンパイルできませんでした。 コンポーネントでないためです。 エラーです。コンパイルできません 'PageNotFoundDirective' はコンポーネントではないためです。
解決方法は?
更新
ルートにはコンポーネントが必要です (ここではディレクティブは使えません)。
@Component({
selector: 'PageNotFoundComponent',
template: ''
})
オリジナル
Angular2にはテンプレートがないコンポーネントがない
変更点
@Component({
になります。
@Directive({
で、欲しいものが手に入るはずです。
コンポーネントは、ビューを持つディレクティブです。
関連
-
[解決済み] node_modules が空になったので、`npm install`を実行する必要があるかもしれない。
-
[解決済み】アンギュラーコンポーネントにサービスを注入しようとするとエラー "EXCEPTION: Can't resolve all parameters for component"、なぜ?
-
[解決済み】「ルーターリンク」は既知のプロパティではないため、バインドできない
-
[解決済み】angularモジュールでModule has no exported memberエラー
-
[解決済み] LegendItemComponent をカスタマイズする Angular 用 kendo-ui
-
[解決済み] Angular CLIでコンポーネントの名前を変更する方法は?
-
[解決済み] "rxjs" observable.throw は関数ではありません - Angular4
-
[解決済み] Angular 2の「コンポーネント」は既知の要素ではありません。
-
[解決済み] Angular InjectionTokenが「No provider for InjectionToken」をスローします。
-
[解決済み】Angularコンポーネントとモジュールの違いとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ERR_INVALID_HTTP_RESPONSEをAngular 7とASP.Net Core 2.2を使ってGoogle Chromeブラウザーで使用する場合
-
[解決済み】serveコマンドを使用するには、angular-cliプロジェクト内にいる必要があります。
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み】angularでpreflightのレスポンスがHTTP okステータスにならない。
-
[解決済み] Angular2 Router: Error: Cannot find primary outlet to load 'InboxComponent'.
-
[解決済み] FormBuilder のプロバイダがない [重複] 。
-
[解決済み] Angular2 Final Release - 「Error: AngularにはZone.jsのプロリフィルが必要です"
-
[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は?
-
[解決済み] CLIでコンポーネントを削除する最も良い方法は何ですか?
-
[解決済み] このメソッドをリファクタリングして、認知的複雑度を21から許容される15に下げます。リファクタリングして複雑さを軽減する方法