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

Question

我最近接手了一个Ionic项目，并致力于让它开始工作。这个项目在设备上运行，但我也试图让它在浏览器中工作。

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

首先我得到了这个：

​

然后，随着这个答案，我摆脱了错误，但得到了一个新的，我无法为我的生活弄清楚。也找不到有同样问题的人。

这就是我在控制台运行“离子服务”时所看到的情况：

​

​

如果你知道是什么导致了这件事，请帮忙！我怎样才能摆脱这个错误，让应用程序运行呢？

编辑:我认为它可能与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

最后，发现了愚蠢的问题，通过删除代码的一部分，一部分！

这是由于储存改为IonicStorageModule。

如果您经历了同样的情况，您应该添加：

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

以及：

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

到您的app.module.ts，但是继续使用：

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

在你的其他课上。

Answer 2

你试过离子型实验室吗？这里是documentation.it很容易在多种屏幕大小和平台类型上测试你的应用程序。

ionic serve --lab

Answer 3

我试图在一个类中注入一个StorageService，在研究了这个错误之后，我发现即使把import {Storage} from '@ionic/storage-angular';放在StorageService的构造函数中，也必须将import {Storage} from '@ionic/storage-angular';放在StorageService.js中。

可能是同样的模式