Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Cannot read property 'call' of undefined #2372

Open
@kriefsacha

Description

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 { }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /