nativescript-angular
nativescript-angular copied to clipboard
Cannot read property 'call' of undefined
Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):
There is my package.json
{
"nativescript": {
"id": "org.nativescript.VisualyScan",
"tns-android": {
"version": "6.5.3"
},
"tns-ios": {
"version": "6.5.2"
}
},
"description": "NativeScript Application",
"license": "SEE LICENSE IN <your-license-filename>",
"repository": "<fill-your-repository-here>",
"dependencies": {
"@angular/animations": "~8.2.0",
"@angular/common": "~8.2.0",
"@angular/compiler": "~8.2.0",
"@angular/core": "~8.2.0",
"@angular/forms": "~8.2.0",
"@angular/http": "8.0.0-beta.10",
"@angular/platform-browser": "~8.2.0",
"@angular/platform-browser-dynamic": "~8.2.0",
"@angular/router": "~8.2.0",
"@nativescript/theme": "^3.0.1",
"@ngx-translate/core": "^11.0.1",
"@ngx-translate/http-loader": "^4.0.0",
"@nstudio/nativescript-camera-plus": "^4.1.0",
"@nstudio/nativescript-loading-indicator": "^1.0.0",
"@nstudio/nativescript-pulltorefresh": "^2.0.0",
"@nstudio/nativescript-snackbar": "^1.1.2",
"nativescript-angular": "^8.20.4",
"nativescript-background-http": "^4.2.1",
"nativescript-camera": "^4.4.0",
"nativescript-datetimepicker": "^1.2.3",
"nativescript-geolocation": "^5.1.0",
"nativescript-imagecropper": "^3.0.0",
"nativescript-imagepicker": "^7.1.0",
"nativescript-nfc": "4.0.1",
"nativescript-permissions": "^1.3.8",
"nativescript-plugin-firebase": "^10.6.3",
"nativescript-sound-kak": "^1.2.0",
"nativescript-theme-core": "~1.0.4",
"nativescript-ui-chart": "^7.1.1",
"nativescript-ui-sidedrawer": "^8.0.1",
"nativescript-webview-interface": "^1.4.2",
"reflect-metadata": "~0.1.10",
"rxjs": "^6.4.0",
"tns-core-modules": "^6.3.2",
"zone.js": "^0.9.1"
},
"devDependencies": {
"@angular/compiler-cli": "~8.2.0",
"@nativescript/schematics": "~0.5.0",
"@ngtools/webpack": "~8.2.0",
"@types/jasmine": "^3.5.11",
"nativescript-dev-webpack": "^1.4.1",
"tns-platform-declarations": "6.0.1",
"typescript": "~3.5.3"
},
"readme": "NativeScript Application"
}
Describe the bug I upgraded from nativescript 6 to 8.1.5, and since then, every http call that i do give me the following error:
TypeError: Cannot read property 'call' of undefined
From what i found on the internet it may be related to webpack but i don't know.
To Reproduce Upgrade a project from nativescript 6 to 8.1.5 and make an http call.
Expected behavior HTTP call to work
Additional context main.ts
// this import should be first in order to load some required settings (like globals and reflect-metadata)
import Theme from "@nativescript/theme";
import { runNativeScriptAngularApp, platformNativeScript } from '@nativescript/angular';
import { AppModule } from "./app/app.module";
import 'zone.js';
runNativeScriptAngularApp({
appModuleBootstrap: () => platformNativeScript().bootstrapModule(AppModule),
});
Theme.setMode(Theme.Light);
webpack.config.js
const webpack = require("@nativescript/webpack");
module.exports = (env) => {
webpack.init(env);
// Learn how to customize:
// https://docs.nativescript.org/webpack
return webpack.resolveConfig();
};
tnsconfig.tns.json
{
"extends": "./tsconfig",
"compilerOptions": {
"module": "esNext",
"moduleResolution": "node"
}
}
app.module.ts
import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule, NativeScriptHttpClientModule, NativeScriptFormsModule, ModalDialogService, NativeScriptRouterModule, NativeScriptCommonModule } from "@nativescript/angular";
import { HttpClient, HttpHeaders } from "@angular/common/http";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { NfcService } from "./services/nfc/nfc.service";
import { Auth0Service } from "./services/auth0/auth0.service";
import { LoginComponent } from './login/login.component';
import { ForgotPasswordComponent } from './forgot-password/forgot-password.component';
import { HomeComponent } from './home/home.component';
import { ScanComponent } from './scan/scan.component';
import { ParentsViewComponent } from './parents-view/parents-view.component';
import { SupportComponent } from './support/support.component';
import { ConvertService } from "./services/convert/convert.service";
import { DisableOnTapDirective } from "./disableOnTap-directive/disable-on-tap.directive";
import { PictureService } from "./services/picture/picture.service";
import { SettingsComponent } from './settings/settings.component';
import { SettingsIconComponent } from './settings-icon/settings-icon.component';
import { ScanQuestionsService } from "./services/ScanQuestionsService/ScanQuestions.service";
import { NativeScriptUISideDrawerModule } from "nativescript-ui-sidedrawer/angular";
import { EnterExitHistoryComponent } from "./enter-exit-history/enter-exit-history.component";
import { NativeScriptDateTimePickerModule } from "@nativescript/datetimepicker/angular";
import { SchoolService } from "./services/school/school.service";
import { CreateEditAccessComponent } from "./create-edit-access/create-edit-access.component";
import { StatisticsComponent } from "./statistics/statistics.component";
import { NativeScriptUIChartModule } from "nativescript-ui-chart/angular";
import { StatisticsDetailsViewComponent } from "./statistics-details-view/statistics-details-view.component";
import { DocumentViewComponent } from "./document-view/document-view.component";
import { AddDocumentComponent } from "./add-document/add-document.component";
import { EnterExitPictureComponent } from "./enter-exit-picture/enter-exit-picture.component";
import { CustomCameraComponent } from "./custom-camera/custom-camera.component";
import { SearchProfilModalComponent } from "./search-profil-modal/search-profil-modal.component";
import { SearchIconComponent } from "./search-icon/search-icon.component";
import { VolumeComponent } from "./volume/volume.component";
import { SnackbarService } from "./services/snackbar/snackbar.service";
@NgModule({
bootstrap: [
AppComponent
],
imports: [
NativeScriptModule,
AppRoutingModule,
NativeScriptRouterModule,
NativeScriptHttpClientModule,
NativeScriptFormsModule,
NativeScriptUISideDrawerModule,
NativeScriptCommonModule,
NativeScriptDateTimePickerModule,
NativeScriptUIChartModule
],
declarations: [
AppComponent,
LoginComponent,
ForgotPasswordComponent,
HomeComponent,
ScanComponent,
ParentsViewComponent,
SupportComponent,
DisableOnTapDirective,
SettingsComponent,
SettingsIconComponent,
EnterExitHistoryComponent,
CreateEditAccessComponent,
StatisticsComponent,
StatisticsDetailsViewComponent,
DocumentViewComponent,
AddDocumentComponent,
EnterExitPictureComponent,
CustomCameraComponent,
SearchProfilModalComponent,
SearchIconComponent,
VolumeComponent
],
schemas: [
NO_ERRORS_SCHEMA
],
providers: [
NfcService,
Auth0Service,
ConvertService,
PictureService,
ModalDialogService,
ScanQuestionsService,
SchoolService,
SnackbarService
],
entryComponents: [ParentsViewComponent,StatisticsDetailsViewComponent,EnterExitPictureComponent,CustomCameraComponent,SearchProfilModalComponent]
})
export class AppModule { }