0

우리의 Ionic 2 + Angular 2 프로젝트에는 "profile.html"과 "profile.ts"가있는 "profile"폴더가 있었고, 후자에는 두 개의 모달과 대화 상자 인 세 개의 구성 요소가있었습니다.

"profile.ts"파일이이 구성 요소들과 함께 너무 커서 그 중 두 파일을 이동하여 (같은 파일에서 작고 의미가 있음) 모든 파일을 같은 폴더에있는 특정 파일 ( "profileEdit.ts", " hobbiesDialog.ts ",이 폴더 트리의 결과 :

$ project / src / pages / profile

  • profile.ts
  • profile.html
  • profileEdit.ts
  • profileEDit.html
  • profile.scss
  • hobbiesDialog.ts (템플릿이 내부에 코딩되어 있음)

이제 내 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 배열에 추가했습니다.

...하지만 작동하지 않습니다! 그것은 하나의 파일에있을 때 작동하지만, 지금은 그렇지 않습니다. 여기서 내가 뭘 잘못하고 있니?

2 답변


2

동일한 디렉토리 수준에있는 클래스를 가져올 때마다 다음과 같이 가져와야합니다.

'./fileName.extension'


  • 고맙습니다! 지금 작업 중입니다! - Zerok

1

시험import { ProfileEditModal } from './profileEdit';

관련된 질문

최근 질문