Angular 2：导入无法找到模块的问题

Question

在我们的Io​​nic 2 + Angular 2项目中，我们有一个文件夹“profile”，其中我们有“profile.html”和“profile.ts”，而在后者中，我们有三个组件，它们是两个模态和一个对话框。

由于文件“profile.ts”对于这些组件来说太大了，我移动了其中两个（另一个很小并且在同一个文件中有意义），所有文件都放在同一个文件夹中：“profileEdit.ts “，”hobbiesDialog.ts“，导致这个文件夹树：

$项目/ src目录/页/个人资料

• 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”       在eval

我还将这些模块添加到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数组中。

......但它不起作用！它曾经在单个文件中工作，但现在却没有。我在这里做错了什么？

Answer 1

每当导入一个位于同一目录级别的类时，都应该像

一样导入它

'./fileName.extension'

Answer 2

尝试 import { ProfileEditModal } from './profileEdit';