[解決済み] ファイル 'app/hero.ts' is not a module error in console, where to store interfaces files in directory structure with angular2?
2022-04-26 07:11:16
質問
をやっています。
angular2
チュートリアルはこのアドレスで。
https://angular.io/docs/ts/latest/tutorial/toh-pt3.html
を配置しました。
hero
インターフェイスを単一のファイルで
app
フォルダーで、コンソールにこのエラーが表示されます。
app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
[0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
インターフェースファイルをヒーローフォルダに置くと、エラーが消えます。 これはドキュメントに記載されていないのですが、私のインポートに何か問題があるのでしょうか? ?
私のimportディレクティブ(コンポーネントファイルの冒頭)は、両方とも
app.components.ts
と
hero-detail.component.ts
:
import {Component} from 'angular2/core';
import {Hero} from './hero';
を置き換える必要があります。
私のimportディレクティブを
import {Hero} from './';
または、単純にヒーローフォルダにコードを配置します。
?
解決方法は?
コードを書いているエディタ(VS codeやSublime)を再起動してみてください。 再度、コンパイルと実行を行ってください。私も同じことをしましたが、うまくいきました。
この現象は、エディタ外で新しいクラスを追加したり、angular cli の 'ng serve' を実行し続けたりしたときに起こります。実はエディタや'ng serve'コマンドは新しく作成されたファイルを見つけられないことがあります。
関連
-
[解決済み] Angular [disabled]="MyBoolean "が動作しない。
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angular HTMLバインディング
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] Angularのエラーです。"Can't bind to 'ngModel' because it isn't a known property of 'input'"."
-
[解決済み] Angularアプリを本番用にバンドルする方法
-
[解決済み】Angular2 Exception: routerLink'が既知のネイティブプロパティではないため、バインドできない。
-
[解決済み】プロパティ「of」が「typeof Observable」型に存在しない【重複
-
[解決済み] イベントリスナーを動的に追加する
-
[解決済み] angular ngModuleのentryComponentsとは何ですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ionic 5 - ngForがデータを表示しない
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] インデックスを属性値とするngFor
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み] 現在のルートを取得する方法
-
[解決済み】コンポーネントのプロパティが現在の日付時間に依存している場合、Angular2の「expression has changed after it was checked」例外を管理する方法
-
[解決済み】Angularでファイルアップロード?
-
[解決済み] Angular 2 http.post()がリクエストを送信しない
-
[解決済み] ページを離れる前に、未保存の変更点を警告する
-
[解決済み] Angular 2のテンプレートでlet-*とは何ですか?