"@angular-devkit/build-angular" Package upgradation from v12.1.2 to 12.2.1 gives an error

1. Upgraded Angular version from v12.1.2 to v12.2.1.
2. Updated other packages to latest version as below:

Before update:

 "dependencies": {
"@angular/animations": "^12.1.2",
"@angular/cdk": "^12.1.2",
"@angular/common": "^12.1.2",
"@angular/compiler": "^12.1.2",
"@angular/core": "^12.1.2",
"@angular/forms": "^12.1.2",
"@angular/localize": "^12.1.2",
"@angular/material": "^12.1.2",
"@angular/platform-browser": "^12.1.2",
"@angular/platform-browser-dynamic": "^12.1.2",
"@angular/router": "^12.1.2",
"applicationinsights": "^2.1.4",
"core-js": "^3.15.2",
"html2canvas": "^1.1.4",
"material-icons": "^1.0.0",
"ngx-toastr": "^14.0.0",
"pdfmake": "^0.2.0",
"rxjs": "~7.2.0"

}, “devDependencies”: { “@angular-devkit/build-angular”: “~12.1.2”, “@angular/cli”: “~12.1.2”, “@angular/compiler-cli”: “^12.1.2”, “@angular/language-service”: “^12.1.2”, “@types/jasmine”: “~3.8.1”, “@types/node”: “^16.4.0”, “@typescript-eslint/eslint-plugin”: “^4.28.4”, “@typescript-eslint/parser”: “^4.28.4”, “eslint”: “^7.31.0”, “ts-node”: “~10.1.0” }

After Update:

 "dependencies": {
"@angular/animations": "^12.2.1",
"@angular/cdk": "^12.2.1",
"@angular/common": "^12.2.1",
"@angular/compiler": "^12.2.1",
"@angular/core": "^12.2.1",
"@angular/forms": "^12.2.1",
"@angular/localize": "^12.2.1",
"@angular/material": "^12.2.1",
"@angular/platform-browser": "^12.2.1",
"@angular/platform-browser-dynamic": "^12.2.1",
"@angular/router": "^12.2.1",
"applicationinsights": "^2.1.5",
"applicationinsights-js": "^1.0.20",
"core-js": "^3.16.2",
"html2canvas": "^1.3.2",
"material-icons": "^1.1.1",
"ngx-toastr": "^14.1.0",
"pdfmake": "^0.2.2",
"rxjs": "~7.3.0",
"tslib": "^2.3.1"

}, “devDependencies”: { “@angular-devkit/build-angular”: “~12.2.1”, “@angular/cli”: “~12.2.1”, “@angular/compiler-cli”: “^12.2.1”, “@angular/language-service”: “^12.2.1”, “@types/jasmine”: “~3.8.2”, “@types/node”: “^16.6.1”, “@typescript-eslint/eslint-plugin”: “^4.29.2”, “@typescript-eslint/parser”: “^4.29.2”, “eslint”: “^7.32.0”, “ts-node”: “~10.2.0” }

1. Ran ng serve command. while running ng serve first or second time. I am able to compile the code but when i am trying to run third time and so on, i am getting below error:

(node:10563) UnhandledPromiseRejectionWarning: RangeError: Maximum call stack size exceeded at String.match (<anonymous>) at OriginalSource.streamChunks (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/OriginalSource.js:64:32) at module.exports (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/helpers/streamChunks.js:13:17) at ReplaceSource.streamChunks (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/ReplaceSource.js:176:44) at module.exports (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/helpers/streamChunks.js:13:17) at streamAndGetSourceAndMap (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/helpers/streamAndGetSourceAndMap.js:27:53) at CachedSource.streamChunks (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/CachedSource.js:208:35) at module.exports (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/helpers/streamChunks.js:13:17) at ConcatSource.streamChunks (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/ConcatSource.js:112:55) at module.exports (/home/soni/Documents/IntelliDish/intellidish-frontend/ddsp/node_modules/webpack/node_modules/webpack-sources/lib/helpers/streamChunks.js:13:17) (Use node --trace-warnings ... to show where the warning was created) (node:10563) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1) (node:10563) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Then i downgraded the “@angular-devkit/build-angular” version to 12.1.2 & post that it was working fine(no error). Can you please take a look and suggest any solution?

[alan-agius4]

This seems to be related to https://github.com/webpack/webpack-sources/issues/131

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}