Cannot read property 'call' of undefined
kriefsacha opened this issue · 0 comments
kriefsacha commented
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 { }