离子服务在Chrome中产生错误：core.js中CreateClass中的非法构造函数

Question

我最近接手了一个Ionic项目，并致力于使其工作。该项目在设备上运行，但我也试图使其在浏览器中也能正常工作。

我已将插件和依赖项更新到最新版本，但现在我在Chrome控制台中遇到了一个奇怪的javascript错误。出现此错误后，设备上的应用程序在弹出屏幕后也只是白色。我想这是相同的javascript错误。

首先我得到了：

然后，在this answer之后，我摆脱了错误，但是又有了一个新的错误，我终生无法理解。找不到任何存在相同问题的人。

这是我在运行“离子服务”时在控制台中看到的内容：

如果您知道会导致这种情况的原因，请提供帮助！如何摆脱这个错误，让应用程序运行？

编辑：我认为也许与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

您尝试过离子实验室吗？ here是文档。在多种屏幕尺寸和平台类型上测试您的应用更加容易

6