Hi,
My application is working perfectly as a PWA, but on Android I’m having this problem when I try to load any page that uses FormsModule, ReactiveFormsModule.
vendor.js:48320 ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk default-src_app_components_camera_camera_module_ts-src_app_functions_FormUtil_ts failed.
(missing: http://localhost/default-src_app_components_camera_camera_module_ts-src_app_functions_FormUtil_ts.js)
ChunkLoadError: Loading chunk default-src_app_components_camera_camera_module_ts-src_app_functions_FormUtil_ts failed.
(missing: http://localhost/default-src_app_components_camera_camera_module_ts-src_app_functions_FormUtil_ts.js)
at Object.__webpack_require__.f.j (runtime.js:273)
at Promise.all.Object.keys.reduce (runtime.js:128)
at Array.reduce (<anonymous>)
at Function.__webpack_require__.e (runtime.js:127)
at loadChildren (src_app_pages_aves-criatorio_aves-criatorio_module_ts.js:42)
at RouterConfigLoader.loadModuleFactory (vendor.js:89055)
at RouterConfigLoader.load (vendor.js:89029)
at runCanLoadGuards.pipe (vendor.js:88161)
at doInnerSub (vendor.js:136250)
at outerNext (vendor.js:136245)
at Object.__webpack_require__.f.j (runtime.js:273)
at Promise.all.Object.keys.reduce (runtime.js:128)
at Array.reduce (<anonymous>)
at Function.__webpack_require__.e (runtime.js:127)
at loadChildren (src_app_pages_aves-criatorio_aves-criatorio_module_ts.js:42)
at RouterConfigLoader.loadModuleFactory (vendor.js:89055)
at RouterConfigLoader.load (vendor.js:89029)
at runCanLoadGuards.pipe (vendor.js:88161)
at doInnerSub (vendor.js:136250)
at outerNext (vendor.js:136245)
at resolvePromise (polyfills.js:1291)
at resolvePromise (polyfills.js:1245)
at polyfills.js:1357
at ZoneDelegate.invokeTask (polyfills.js:470)
at Object.onInvokeTask (vendor.js:70533)
at ZoneDelegate.invokeTask (polyfills.js:469)
at Zone.runTask (polyfills.js:241)
at drainMicroTaskQueue (polyfills.js:656)
at ZoneTask.invokeTask [as invoke] (polyfills.js:556)
at invokeTask (polyfills.js:1692)
My dependencies
"dependencies": {
"@angular/common": "~12.1.1",
"@angular/core": "~12.1.1",
"@angular/forms": "~12.1.1",
"@angular/platform-browser": "~12.1.1",
"@angular/platform-browser-dynamic": "~12.1.1",
"@angular/router": "~12.1.1",
"@auth0/angular-jwt": "^5.0.2",
"@balkangraph/familytree.js": "^1.2.16",
"@balkangraph/orgchart.js": "^8.2.30",
"@capacitor/android": "^3.2.4",
"@capacitor/app": "1.0.3",
"@capacitor/camera": "^1.2.0",
"@capacitor/core": "3.2.3",
"@capacitor/haptics": "1.0.3",
"@capacitor/keyboard": "1.0.3",
"@capacitor/share": "^1.0.7",
"@capacitor/status-bar": "1.0.3",
"@fortawesome/angular-fontawesome": "^0.9.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@ionic/angular": "^6.0.1",
"@ionic/pwa-elements": "^3.0.2",
"@ionic/storage-angular": "^3.0.6",
"chart.js": "^2.9.4",
"ionic-selectable": "^4.9.0",
"moment": "^2.29.1",
"moment-timezone": "^0.5.33",
"ng2-charts": "^2.4.2",
"ngx-image-cropper": "^6.0.2",
"ngx-org-chart": "^1.1.1",
"rxjs": "7.4.0",
"swiper": "^7.0.6",
"tslib": "^2.2.0",
"zone.js": "~0.11.4"
}
app.module.ts
registerLocaleData(localePt, 'pt');
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
HttpClientModule,
IonicModule.forRoot(),
AppRoutingModule,
FontAwesomeModule,
IonicSelectableModule,
IonicStorageModule.forRoot({name: 'BirdS'})
],
providers: [
StorageService,
AuthService,
MensageiroService,
AuthInterceptorProvider,
ErrorInterceptorProvider,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
{ provide: LOCALE_ID, useValue: 'pt' },
{ provide: DEFAULT_CURRENCY_CODE, useValue: 'BRL'}
],
bootstrap: [AppComponent],
})
export class AppModule {
constructor(library: FaIconLibrary) {
library.addIconPacks(fas, fab, far);
}
}
Can anyone help?