ionic-4-components
ionic-4-components copied to clipboard
bug:ionic4 not working?
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)
I will get an error as long as I use this plugin, but I have no error message after commenting out the plugin
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 {}
"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",
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.
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.