如何解决Ionic Uncaught Error：添加新页面时找不到模块“。”？

Question

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

    at webpackMissingModule (index.js:3)
    at e.code (index.js:3)
    at Object.<anonymous> (index.js:9)
    at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54)
    at Object.256 (main.ts:5)
    at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54)
    at Object.233 (main.js:412)
    at __webpack_require__ (bootstrap ee3a374a94c4cd74e2a6:54)
    at webpackJsonpCallback (bootstrap ee3a374a94c4cd74e2a6:25)
    at main.js:1

在应用程序中添加新bookmarks页面之前，该应用程序工作得很好，添加bookmarks页面后我得到了Uncaught Error: Cannot find module "."

这是我的设置

Ionic Framework: 3.9.2
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 8.11.1

app.module.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 {}

bookmarks.ts

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

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

开发人员控制台中的index.js

我已经尝试清除缓存和npm rebuild 。 在构建（ ionic serve ）过程中没有错误。 但是在浏览器中我找不到模块，我真的很想了解这里发生了什么

Answer 1

从导入中删除umd

更改

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

至

 import { NavController } from 'ionic-angular';

请查看此内容以获取更多详

Answer 2

最后想通了，当从ionic cli创建项目时，项目中缺少IonicPageModule 。

在项目和运行命令npm run-script手动添加IonicPageModule修复了该问题。

解

• APP-module.ts

   import { IonicPageModule } from 'ionic-angular'; imports: [ IonicPageModule.forChild(HomePage) ], 

• npm run-script build

注意： IonicPageModule是一个NgModule ，用于引导子IonicPage以设置路由。

PS：仍然知道这是如何起作用的，但那确实奏效了。 谢谢大家帮忙。