Skip to content
This repository has been archived by the owner on Nov 30, 2022. It is now read-only.

bug:ionic4 not working? #180

Open
lizhaofeng12 opened this issue May 21, 2020 · 5 comments
Open

bug:ionic4 not working? #180

lizhaofeng12 opened this issue May 21, 2020 · 5 comments

Comments

@lizhaofeng12
Copy link

Bug Report

Fivethree version:
"@fivethree/core": "^1.0.0-alpha.24",

Current behavior:
core.js:15714 ERROR Error: Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
at fivethree-core.js:464
at Module../node_modules/@fivethree/core/fesm5/fivethree-core.js (fivethree-core.js:466)
at webpack_require (bootstrap:83)
at Module../src/app/pages/home-detail/home-detail.module.ts (fivethree-ngx-rxjs-animations.js:1881)
at webpack_require (bootstrap:83)
at $_lazy_route_resource lazy namespace object:93
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
at Object.onInvoke (core.js:17289)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:15714
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15762
next @ core.js:17761
schedulerFn @ core.js:13504
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:192
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:130
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:76
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:53
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13488
(anonymous) @ core.js:17311
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17248
onHandleError @ core.js:17311
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:395
push../node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:164
_loop_1 @ zone.js:694
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ home-detail-home-detail-module.js:1

core.js:15714 ERROR Error: Uncaught (in promise): Error: Cannot find 'HomeDetailPageModule' in './pages/home-detail/home-detail.module'
Error: Cannot find 'HomeDetailPageModule' in './pages/home-detail/home-detail.module'
at checkNotEmpty (core.js:18286)
at core.js:18263
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
at Object.onInvoke (core.js:17289)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)
at zone.js:889
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:502)
at invokeTask (zone.js:1744)

@lizhaofeng12
Copy link
Author

I will get an error as long as I use this plugin, but I have no error message after commenting out the plugin

@lizhaofeng12
Copy link
Author

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { HomeDetailPage } from './home-detail.page';
import {FivCenterModule, FivGalleryModule, FivSpinnerModule} from '@fivethree/core';
import {PipeModule} from '../../providers/pipe/pipe.module';

const routes: Routes = [
{
path: '',
component: HomeDetailPage
}
];

@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes),
PipeModule,
// FivGalleryModule,
// FivSpinnerModule,
// FivCenterModule
],
declarations: [HomeDetailPage]
})
export class HomeDetailPageModule {}

@lizhaofeng12
Copy link
Author

"dependencies": {
"@angular-devkit/build-angular": "^0.12.3",
"@angular/animations": "^7.2.16",
"@angular/common": "^7.2.1",
"@angular/compiler": "^7.2.1",
"@angular/core": "^7.2.1",
"@angular/forms": "^7.2.1",
"@angular/platform-browser": "^7.2.1",
"@angular/platform-browser-dynamic": "^7.2.1",
"@angular/router": "^7.2.1",
"@fivethree/core": "^1.0.0-alpha.24",
"@ionic-native/app-minimize": "^5.0.0",
"@ionic-native/app-update": "^5.9.0",
"@ionic-native/app-version": "^5.0.0",
"@ionic-native/core": "^5.0.0",
"@ionic-native/device": "^5.11.0",
"@ionic-native/file": "^5.9.0",
"@ionic-native/file-opener": "^5.9.0",
"@ionic-native/file-transfer": "^5.9.0",
"@ionic-native/in-app-browser": "^5.9.0",
"@ionic-native/mobile-accessibility": "^5.12.0",
"@ionic-native/native-keyboard": "^5.9.0",
"@ionic-native/network": "^5.0.0",
"@ionic-native/photo-viewer": "^5.12.0",
"@ionic-native/qqsdk": "^5.0.0-beta.24",

@vagnersabadi
Copy link
Contributor

Some components have been removed in the latest versions of the library, so it is quite possible that if you used any component it may not be in that version.

@ericbrumfield
Copy link

I'm experiencing very similar issue when just trying this plugin out, only added the bottom sheet plugin and it fails with a similar error as @lizhaofeng12

Error: Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function

Does anyone know if this component was removed too or an older release it may have been part a of? I'm really only looking for a bottom sheet component I can drop my own html/content into like what I see in the demo and docs, but it fails to even load following them.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants