Routing not working on angular upgrade to 14 -> 15
Hey, i am updating my angular application to 15 from 14 and using nx in it. After upgrading none of the routings are actually working inspite it is sending to the localhost:4200 page on that too blank white page. Attaching my package.json file after upgrade.
{ "name": "watchguard-it", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "nx", "postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2020 browser module main", "nx": "nx", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "nx workspace-lint && ng lint", "e2e": "ng e2e my-products-ui-e2e", "affected:apps": "nx affected:apps", "affected:libs": "nx affected:libs", "affected:build": "nx affected:build", "affected:e2e": "nx affected:e2e", "affected:test": "nx affected:test", "affected:lint": "nx affected:lint", "affected:dep-graph": "nx affected:dep-graph", "affected": "nx affected", "format": "nx format:write", "format:write": "nx format:write", "format:check": "nx format:check", "update": "nx migrate latest", "workspace-generator": "nx workspace-generator", "dep-graph": "nx dep-graph", "help": "nx help", "server": "json-server --watch ./apps/my-products-ui/src/assets/mock-data/mock.json --port 8000" }, "private": true, "dependencies": { "@angular/animations": "15.2.10", "@angular/cdk": "15.2.9", "@angular/common": "15.2.10", "@angular/compiler": "15.2.10", "@angular/core": "15.2.10", "@angular/forms": "15.2.10", "@angular/material": "15.2.9", "@angular/platform-browser": "15.2.10", "@angular/platform-browser-dynamic": "15.2.10", "@angular/platform-server": "15.2.10", "@angular/router": "15.2.10", "@azure/msal-angular": "^3.0.7", "@azure/msal-browser": "^3.4.0", "@microsoft/applicationinsights-angularplugin-js": "^3.0.3", "@microsoft/applicationinsights-web": "^3.0.5-nightly3.2310-08", "@nrwl/angular": "15.8.0", "rxjs": "^7.8.1", "tslib": "^2.0.0", "zone.js": "0.11.8" }, "devDependencies": { "@angular-devkit/build-angular": "15.2.10", "@angular-eslint/eslint-plugin": "^14.0.4", "@angular-eslint/eslint-plugin-template": "^14.0.4", "@angular-eslint/template-parser": "^14.0.4", "@angular/cli": "~15.2.10", "@angular/compiler-cli": "15.2.10", "@angular/language-service": "15.2.10", "@nrwl/cli": "15.8.0", "@nrwl/cypress": "15.8.0", "@nrwl/eslint-plugin-nx": "15.8.0", "@nrwl/jest": "15.8.0", "@nrwl/linter": "15.8.0", "@nrwl/node": "15.8.0", "@nrwl/workspace": "15.8.0", "@types/fs-extra": "^9.0.13", "@types/jest": "29.4.4", "@types/node": "18.7.1", "@typescript-eslint/eslint-plugin": "5.42.1", "@typescript-eslint/parser": "5.42.1", "cypress": "^12.2.0", "dotenv": "10.0.0", "eslint": "8.15.0", "eslint-config-prettier": "8.1.0", "eslint-plugin-cypress": "^2.10.3", "eslint-plugin-jest": "^26.1.0", "eslint-plugin-jest-formatting": "^3.0.0", "fs-extra": "^10.1.0", "jest": "29.4.3", "jest-environment-jsdom": "29.4.3", "jest-fail-on-console": "^2.4.2", "jest-jasmine2": "29.4.3", "jest-preset-angular": "^12.2.2", "json-server": "^0.16.3", "ng-mocks": "^14.3.3", "nx": "15.8.0", "postcss": "^8.3.5", "postcss-loader": "^6.1.1", "prettier": "2.7.1", "puppeteer-core": "^13.3.1", "ts-jest": "29.0.5", "ts-node": "10.9.1", "typescript": "4.9.5" } } Can you please suggest where could i have gone wrong???