angular/angular-update-guide

Routing not working on angular upgrade to 14 -> 15

samarthjain26 opened this issue · 0 comments

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???