Как я могу решить Ionic Uncaught Error: Не удается найти модуль «.» При добавлении новой страницы?

Question

Как я могу решить Ionic Uncaught Error: Не удается найти модуль «.» При добавлении новой страницы?

1

Ошибка при сбое: не удается найти модуль "."

    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) ошибок нет. Но в браузере я получаю Не могу найти модуль, я действительно хочу понять, что здесь происходит

DayOne 07 авг. 2018, в 15:04

Источник

0

Вы импортировали MyApp в файл app.module.ts ?
Harish 08 авг. 2018, в 09:21
0

Да, я сделал импорт
Ram Chandra Neupane 08 авг. 2018, в 10:20
0

from '../pages/bookmarks/bookmarks' . Попробуйте добавить пробел после from ключевого слова в app.module импорта.
Harish 08 авг. 2018, в 12:23

Показать ещё 1 комментарий

Теги:

angular

angular6

javascript

webpack

ionic3

2 ответа

1

удалить umd из импорта

менять

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

в

 import { NavController } from 'ionic-angular';

проверьте это для более подробной информации.

Sachila Ranawaka 07 авг. 2018, в 09:32

0

О, извини, у меня не было umd но все еще возникала та же проблема. я обновил вопрос. В ионном приложении запуска, которое использует import { NavController } from 'ionic-angular/umd'; какова логика удаления `umd '
Ram Chandra Neupane 07 авг. 2018, в 12:17

Ещё вопросы

Вы импортировали MyApp в файл app.module.ts ?
from '../pages/bookmarks/bookmarks' . Попробуйте добавить пробел после from ключевого слова в app.module импорта.
О, извини, у меня не было umd но все еще возникала та же проблема. я обновил вопрос. В ионном приложении запуска, которое использует import { NavController } from 'ionic-angular/umd'; какова логика удаления `umd '

DayOne · Accepted Answer · 2018-08-08T12-36-00.000Z

Наконец, выяснилось, что при создании проекта из ionic cli IonicPageModule в IonicPageModule отсутствовал IonicPageModule.

IonicPageModule добавлением IonicPageModule вручную в проект и запуск команды npm run-script.

Решение

приложение-module.ts

import { IonicPageModule } from 'ionic-angular';

imports: [
  IonicPageModule.forChild(HomePage)
],

npm run-script build

ПРИМЕЧАНИЕ. IonicPageModule - это NgModule который загружает IonicPage, чтобы настроить маршрутизацию.

PS: Все еще знаю, как это сработало, но это сработало. Спасибо всем за помощь.