[解決済み] Uncaught Error: Unexpected module 'FormsModule' declared by the module 'AppModule'. Pipe/@Directive/@Component アノテーションを追加してください。
2023-01-03 07:22:17
質問
Angularの初心者です。私はそれを学ぶために英雄のツアーを開始しました。
だから、私は
app.component
と
two-way
のバインディングを使用します。
import { Component } from '@angular/core';
export class Hero {
id: number;
name: string;
}
@Component({
selector: 'app-root',
template: `
<h1>{{title}}</h1>
<h2>{{hero.name}} details!</h2>
<div><label>id: </label>{{hero.id}}</div>
<div><label>Name: </label>
<input [(ngModel)]="hero.name" placeholder="Name">
</div>
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Tour of Heroes';
hero: Hero = {
id: 1,
name: 'Windstorm'
};
}
チュートリアルに従って、FormsModuleをインポートし、宣言配列に追加しました。この段階でエラーが発生しました。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
@NgModule({
declarations: [
AppComponent,
FormsModule
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
以下はエラーです。
Uncaught Error: モジュール 'AppModule' によって宣言された予期しないモジュール 'FormsModule' があります。Pipe/@Directive/@Component アノテーションを追加してください。
どのように解決するのですか?
FormsModule
に追加する必要があります。
imports array
ではなく
declarations array
.
-
インポート配列
は、以下のようなモジュールをインポートするためのものです。
BrowserModule
,FormsModule
,HttpModule
-
宣言の配列
は、あなたの
Components
,Pipes
,Directives
以下の変更を参照してください。
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule
],
providers: [],
bootstrap: [AppComponent]
})
関連
-
[解決済み] Angular 2の「コンポーネント」は既知の要素ではありません。
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] 継承と依存性注入
-
[解決済み] Angularでコンポーネントをリフレッシュする方法
-
[解決済み] Angular CLIで特定のバージョンのAngularをインストールするには?
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] Angular2 bodyタグにクラスを追加する
-
[解決済み] Karma/Jasmineのテストで「[object ErrorEvent] thrown」エラーが発生した場合、どのようにデバッグすればよいですか?
-
[解決済み] Angular2 DIRECTIVEは要素の既知のプロパティではないので、バインドできません。
-
[解決済み] プロパティ 'controls' がタイプ 'AbstractControl' に存在しない Angular 4 [duplicate] 。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] プロパティ 'X' はプライベートであり、クラス 'xyzComponent' 内でのみアクセス可能です。
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] Error: モジュールによってインポートされた予期しない値 'undefined'。
-
[解決済み] Angular2 DIRECTIVEは要素の既知のプロパティではないので、バインドできません。
-
[解決済み] angularで「タイプ 'EventEmitter' は一般的ではありません」ERROR。
-
[解決済み] 子ルートから親ルートに移動するにはどうしたらいいですか?
-
[解決済み] 角度の2つのスイッチケース値
-
[解決済み] Angular : ルートへの手動リダイレクト