Ионная подача выдает ошибку в Chrome: Неверный конструктор в CreateClass в core.js

Question

Я недавно занялся проектом Ionic и работаю над тем, чтобы заставить его работать.Проект выполняется на устройстве, но я пытаюсь заставить его работать и в браузере.

Я обновил до последних версий плагинов и зависимостей, но теперь я застрял на странной ошибке JavaScriptв консоли Chrome.После появления этой ошибки приложение на устройстве также становится белым после экрана spalsh.Я предполагаю, что это та же самая ошибка JavaScript.

Сначала я получил это:

Затем, следуя этому ответу , я избавилсяиз ошибки, но получил новый, который я не могу для жизни из меня выяснить.Не могу найти кого-либо с такой же проблемой.

Это то, что я вижу в консоли при запуске 'ionic serve':

Пожалуйста, помогите, если вы знаете, что может вызвать это!Как я могу избавиться от этой ошибки и запустить приложение?

РЕДАКТИРОВАТЬ: Я думаю, может быть, это может иметь какое-то отношение к коду app.module:

import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
import { IonicStorageModule } from '@ionic/storage';
import { LongPress } from '../components/long-press/long-press';
import { MyApp } from './app.components';
import { BrowserModule } from '@angular/platform-browser';

import { AboutPage } from '../pages/about/about';
import { AddSkypeUserPage } from '../pages/add-skype-user/add-skype-user';
import { ContactPage } from '../pages/contact/contact';
import { DagsVisningPage } from '../pages/dags-visning/dags-visning';
import { HomePage } from '../pages/home/home';
import { InnstillingerPage } from '../pages/innstillinger/innstillinger';
import { LoginPage } from '../pages/login/login';
import { NyAktivitetPage } from '../pages/ny-aktivitet/ny-aktivitet';
import { CameraPopoverPage } from '../pages/ny-aktivitet/camera-popover';
import { ScoreboardPage } from '../pages/scoreboard/scoreboard';
import { TabsPage } from '../pages/tabs/tabs';
import { UkesplanleggerPage } from '../pages/ukesplanlegger/ukesplanlegger';

@NgModule({
  declarations: [
    LongPress,
    MyApp,
    AboutPage,
    AddSkypeUserPage,
    ContactPage,
    DagsVisningPage,
    HomePage,
    InnstillingerPage,
    LoginPage,
    NyAktivitetPage,
    CameraPopoverPage,
    ScoreboardPage,
    TabsPage,
    UkesplanleggerPage
  ],
  imports: [
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot(),
    BrowserModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    AddSkypeUserPage,
    ContactPage,
    DagsVisningPage,
    HomePage,
    InnstillingerPage,
    LoginPage,
    NyAktivitetPage,
    CameraPopoverPage,
    ScoreboardPage,
    TabsPage,
    UkesplanleggerPage
  ],
  providers: []
})
export class AppModule {}

Спасибо!

Answer 1

Наконец-то обнаружил глупую проблему, удалив части кода по частям!

Это произошло из-за изменения Storage на IonicStorageModule.

Если вы столкнулись с тем же, вы должны добавить:

import { IonicStorageModule } from "@ionic/storage";

и:

imports: [
    IonicModule.forRoot(MyApp),
    BrowserModule,
    IonicStorageModule.forRoot()
  ],

для вашего app.module.ts, но продолжайте использовать:

import { Storage } from '@ionic/storage';

в других ваших классах.

Answer 2

ты пробовал ионную лабораторию? здесь - это документация. Гораздо проще протестировать ваши приложения на экранах разных размеров и на разных типах платформ

ionic serve --lab