私たちのIonic 2 + Angular 2プロジェクトでは、 "profile.html"と "profile.ts"というフォルダの "profile"フォルダがあり、後者では2つのモーダルとダイアログという3つのコンポーネントがありました。
"profile.ts"というファイルはこれらのコンポーネントでは非常に大きかったので、私は同じフォルダ内の2つを移動しました(もう1つは小さかったし、同じファイルで意味がありました)。すべてが同じフォルダ内の特定のファイル: "profileEdit.ts"、 " hobbiesDialog.ts "となり、このフォルダツリーが生成されます。
$ project / src / pages / profile
だから今、私のprofile.tsは、これらの輸入を持っています:
import { Component, Input } from '@angular/core';
import { NavController, ViewController, PopoverController, ModalController } from 'ionic-angular';
import { AlertController, ToastController, NavParams } from 'ionic-angular';
import Parse from 'parse';
import { LoginPage } from '../login/login';
import { ProfileEditModal } from 'profileEdit';
最後の1つは失敗しています:何とか、Angularはモジュールを見つけることができません:
キャッチされないエラー:モジュール "profileEdit"が見つかりません 評価時
私はまた、これらのモジュールをapp.module.tsに追加しました:
// more imports
import { ProfilePage, ProfilePopover } from '../pages/profile/profile';
import { ProfileEditModal } from '../pages/profile/profileEdit';
import { HobbiesPopover } from '../pages/profile/hobbiesDialog';
@NgModuleの宣言とentryComponents配列にもそれらを追加しました。
...それは動作しません!以前は単一のファイルで動作していましたが、現在は動作しません。私はここで間違って何をしていますか?
同じディレクトリレベルのクラスをインポートするたびに、そのクラスをインポートする必要があります
'./fileName.extension'
試すimport { ProfileEditModal } from './profileEdit';