우리의 Ionic 2 + Angular 2 프로젝트에는 "profile.html"과 "profile.ts"가있는 "profile"폴더가 있었고, 후자에는 두 개의 모달과 대화 상자 인 세 개의 구성 요소가있었습니다.
"profile.ts"파일이이 구성 요소들과 함께 너무 커서 그 중 두 파일을 이동하여 (같은 파일에서 작고 의미가 있음) 모든 파일을 같은 폴더에있는 특정 파일 ( "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';
마지막 하나는 실패합니다 : 어떻게 든 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';