Javascript 如何解决离子未捕获错误：找不到模块&引用；在添加新页面时？

未捕获错误：找不到模块“”

应用程序模块.ts

import { ContactPage } from '../pages/contact/contact';
import { BookmarksPage} from'../pages/bookmarks/bookmarks';

@NgModule({
  declarations: [
    ContactPage,
    BookmarksPage,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ContactPage,
    BookmarksPage,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
export class AppModule {}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
selector: 'page-bookmarks',
templateUrl: 'bookmarks.html'
 })
export class BookmarksPage {
    constructor(public navCtrl: NavController) {
  }
}

import { IonicPageModule } from 'ionic-angular';

imports: [
  IonicPageModule.forChild(HomePage)
],

书签。ts

import { ContactPage } from '../pages/contact/contact';
import { BookmarksPage} from'../pages/bookmarks/bookmarks';

@NgModule({
  declarations: [
    ContactPage,
    BookmarksPage,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ContactPage,
    BookmarksPage,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
export class AppModule {}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
selector: 'page-bookmarks',
templateUrl: 'bookmarks.html'
 })
export class BookmarksPage {
    constructor(public navCtrl: NavController) {
  }
}

import { IonicPageModule } from 'ionic-angular';

imports: [
  IonicPageModule.forChild(HomePage)
],

我也尝试过清除缓存和

npm重建。
在构建（
ionic service
）过程中没有错误。但是在我得到的浏览器中找不到模块，我真的想了解这里发生了什么
从导入中删除
umd

改变

 import { NavController } from 'ionic-angular/umd';

到

查看更多详细信息。
最终发现，当从
ionic cli
创建项目时，项目中缺少
IonicPageModule

在项目中手动添加
IonicPageModule
，并运行命令
npm run script
修复了该问题

解决方案


应用程序模块.ts

import { ContactPage } from '../pages/contact/contact';
import { BookmarksPage} from'../pages/bookmarks/bookmarks';

@NgModule({
  declarations: [
    ContactPage,
    BookmarksPage,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ContactPage,
    BookmarksPage,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
export class AppModule {}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
selector: 'page-bookmarks',
templateUrl: 'bookmarks.html'
 })
export class BookmarksPage {
    constructor(public navCtrl: NavController) {
  }
}

import { IonicPageModule } from 'ionic-angular';

imports: [
  IonicPageModule.forChild(HomePage)
],


npm运行脚本构建


注意：
IonicPageModule
是一个
NgModule
模块，它引导子
IonicPage
以设置路由

PS：我仍然不知道它是如何工作的，但是它起作用了。感谢大家的帮助。
Ohh很抱歉，我没有
umd
，但仍然遇到同样的问题。我更新了问题。在ionic启动应用程序中，使用从“ionic angular/umd”导入{NavController}删除“umd”背后的逻辑是什么？您是否已将
MyApp
导入
app.module.ts
文件？是的，我已从“../pages/bookmarks/bookmarks”导入
。尝试在
app.module
imports中的
from
关键字后添加空格。