Dev
Dev

Reputation: 1

Angular 13 - main.js:1 TypeError: Cannot read properties of undefined (reading 'deps')

Upgrading from Angular 11 to 13 was flawless. The application used several custom libraries that were built externally. Prior to the upgrade, I manually created those components/services/models inside the app and everything ran and compiled fine. However this error persists after exporting the things back out of the app installing the .tgz packed version:

main.js:1 TypeError: Cannot read properties of undefined (reading 'deps')
    at VV (main.js:1:65360)
    at ZE (main.js:1:65365)
    at PV (main.js:1:63675)
    at RV.processProvider (main.js:1:63685)
    at main.js:1:63486
    at main.js:1:32945
    at Array.forEach (<anonymous>)
    at qa (main.js:1:32909)
    at RV.processInjectorType (main.js:1:63473)
    at main.js:1:63153

Meanwhile, if I try to ng build --watch the library and import objects from the /dist folder everything works. Installing packed version .tgz doesn't, while everything compiles without errors.

{
    "name": "app-ui",
    "version": "0.0.0",
    "scripts": {
        "ng": "ng",
        "start": "ng serve --port 1234 --verbose",
        "build": "ng build --prod",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e",
        "playground": "angular-playground"
    },
    "private": true,
    "devDependencies": {
        "@angular-devkit/build-angular": "^13.3.4",
        "@angular/cli": "^13.3.4",
        "@angular/compiler-cli": "^13.3.5",
        "@types/angular": "1.8.4",
        "@types/echarts": "^4.9.15",
        "@types/jasmine": "^4.0.3",
        "@types/jasminewd2": "~2.0.10",
        "@types/jquery": "^3.5.6",
        "@types/moment": "^2.13.0",
        "@types/node": "^17.0.31",
        "@types/slickgrid": "^2.1.32",
        "angular-playground": "^9.0.1",
        "codelyzer": "^6.0.2",
        "jasmine-core": "~4.1.0",
        "jasmine-spec-reporter": "~7.0.0",
        "karma": "^6.3.19",
        "karma-chrome-launcher": "~3.1.1",
        "karma-coverage-istanbul-reporter": "~3.0.2",
        "karma-jasmine": "^5.0.0",
        "karma-jasmine-html-reporter": "~1.7.0",
        "ng-packagr": "^13.0.0",
        "protractor": "~7.0.0",
        "resize-observer-polyfill": "^1.5.1",
        "ts-node": "~10.7.0",
        "tslint": "~6.1.3",
        "typescript": "^4.6.4"
    },
    "dependencies": {
        "@angular/animations": "^13.3.5",
        "@angular/cdk": "^13.3.5",
        "@angular/common": "^13.3.5",
        "@angular/compiler": "^13.3.5",
        "@angular/core": "^13.3.5",
        "@angular/forms": "^13.3.5",
        "@angular/material": "^13.3.5",
        "@angular/platform-browser": "^13.3.5",
        "@angular/platform-browser-dynamic": "^13.3.5",
        "@angular/router": "^13.3.5",
        "@egjs/hammerjs": "^2.0.17",
        "@custom/services": "file:../../custom/angular-libraries/projects/custom-services/custom-services-2.0.0.tgz",
        "@ngx-loading-bar/core": "^6.0.2",
        "@ngx-loading-bar/http-client": "^6.0.2",
        "@ngx-translate/core": "^14.0.0",
        "@ngx-translate/http-loader": "^7.0.0",
        "@popperjs/core": "^2.11.5",
        "@slickgrid-universal/common": "^1.2.6",
        "angular-slickgrid": "^4.1.4",
        "bootstrap": "3.4.1",
        "classlist.js": "^1.1.20150312",
        "core-js": "^3.22.4",
        "custom-event-polyfill": "^1.0.7",
        "echarts": "^5.3.2",
        "flatpickr": "^4.6.13",
        "font-awesome": "^4.7.0",
        "jquery": "3.6.0",
        "jquery-ui-dist": "^1.13.1",
        "keycharm": "^0.4.0",
        "moment": "^2.29.3",
        "multiple-select-modified": "^1.3.17",
        "ngx-echarts": "^8.0.1",
        "ngx-loading-bar": "0.0.9",
        "normalize-scss": "^7.0.1",
        "normalize.css": "^8.0.1",
        "rxjs": "~7.5.0",
        "tslib": "^2.4.0",
        "web-animations-js": "^2.3.2",
        "zone.js": "~0.11.4"
    }
}

Upvotes: 0

Views: 2084

Answers (0)

Related Questions