javascript - ionic 服务在 Chrome : Illegal constructor in CreateClass in core. js 中给出错误

标签 javascript angular cordova ionic-framework

我最近接手了一个 Ionic 项目并致力于让它发挥作用。该项目在设备上运行,但我正在努力使其也能在浏览器中运行。

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

首先我得到了这个: enter image description here

然后,关注this answer ,我摆脱了错误,但得到了一个新的错误,我一生都无法弄清楚。也找不到有同样问题的人。

这是我在运行“ionic serve”时在控制台中看到的:

Errors in Chrome console

如果您知道是什么原因造成的,请提供帮助!我怎样才能摆脱这个错误并让应用程序运行?

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

谢谢!

最佳答案

通过逐段删除代码,终于找到了愚蠢的问题!

这是由于 Storage 更改为 IonicStorageModule。

如果你有同样的经历,你应该补充:

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

和:

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

到你的 app.module.ts,但继续使用:

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

在你的其他类(class)中。

关于javascript - ionic 服务在 Chrome : Illegal constructor in CreateClass in core. js 中给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52904263/

相关文章:

javascript - 如果这段 JS 代码都在同一行,为什么它不起作用?

json - Angular 2 Cast FormGroup值到接口(interface)

jquery - 无法加载资源: Preflight response is not successful

javascript - 我如何在选中和取消选中 html 中的同一个复选框时调用 javascript 的两个不同函数?

javascript - TypeError : serialport. parsers.readline 不是函数

angular - firebase auth 在刷新时丢失 cookie

android - 使用适用于 Android 和 iOS 的 phonegap 的默认共享

javascript - 一页内的 Phonegap 页面转换

javascript - sinon模拟不接听电话

javascript - 如何使用 Angular EventEmitter 将数据从一个组件传递到另一个组件