Internal server error: Failed to update ``Vite` client error overlay text

Because of the angular 20 security issue, I updated the 20.3.14 version. But on running the app, getting an error as

[vite] Internal server error: Failed to update Vite client error overlay text.
at loadViteClientCode (C:\Users\bashim2\Projects\CAT\minestar-gui-safety\node_modules\@angular\build\src\tools\vite\plugins\angular-memory-plugin.js:108:31)
at async EnvironmentPluginContainer.load (file:///C:/Users/bashim2/Projects/CAT/minestar-gui-safety/node_modules/vite/dist/node/chunks/dep-D4NMHUTW.js:42293:22)
at async loadAndTransform (file:///C:/Users/bashim2/Projects/CAT/minestar-gui-safety/node_modules/vite/dist/node/chunks/dep-D4NMHUTW.js:35673:22)


How to fix this error? here is my package.json

{
"name": "source",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"start": "npx nx serve",
"lint": "npx nx affected -t lint",
"stylelint": "npx nx affected -t stylelint",
"build": "npx nx build",
"test": "npx nx affected -t test",
"lint:all": "npx nx run-many -t lint",
"stylelint:all": "npx nx run-many -t stylelint",
"test:all": "npx nx run-many -t test"
},
"private": true,
"dependencies": {
"@angular/animations": "20.3.14",
"@angular/cdk": "20.2.0",
"@angular/common": "20.3.14",
"@angular/compiler": "20.3.14",
"@angular/core": "20.3.14",
"@angular/forms": "20.3.14",
"@angular/platform-browser": "20.3.14",
"@angular/platform-browser-dynamic": "20.3.14",
"@angular/router": "20.3.14",
"@azure/msal-angular": "4.0.17",
"@azure/msal-browser": "4.19.0",
"@cat-digital-workspace/shared-ui-core": "2.34.0",
"@ngneat/transloco": "6.0.4",
"@ngrx/component-store": "20.0.1",
"cupertino-pane": "1.2.61",
"dayjs": "1.11.18",
"file-saver": "2.0.2",
"hammerjs": "2.0.8",
"highcharts": "9.3.3",
"highcharts-angular": "2.4.0",
"leaflet": "1.9.4",
"leaflet-arrowheads": "1.4.0",
"leaflet-draw": "1.0.4",
"leaflet-gesture-handling": "1.2.2",
"leaflet-google-places-autocomplete": "0.0.9",
"leaflet-measure-path": "1.5.0",
"leaflet-rotatedmarker": "0.2.0",
"leaflet.gridlayer.googlemutant": "0.15.0",
"leaflet.markercluster": "1.5.3",
"lodash-es": "4.17.21",
"moment": "2.30.1",
"moment-timezone": "0.6.0",
"resize-observer-polyfill": "1.5.1",
"rxjs": "7.8.0",
"uuid": "13.0.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "20.3.12",
"@angular-devkit/core": "20.3.12",
"@angular-devkit/schematics": "20.3.12",
"@angular/build": "20.3.12",
"@angular/cli": "20.3.12",
"@angular/compiler-cli": "20.3.14",
"@angular/language-service": "20.3.14",
"@eslint/compat": "1.3.1",
"@eslint/js": "9.8.0",
"@nx/angular": "21.2.2",
"@nx/eslint": "21.2.2",
"@nx/eslint-plugin": "21.2.2",
"@nx/jest": "21.2.2",
"@nx/js": "21.2.2",
"@nx/web": "21.2.2",
"@nx/workspace": "21.2.2",
"@schematics/angular": "20.3.12",
"@swc-node/register": "1.9.1",
"@swc/core": "1.5.7",
"@swc/helpers": "0.5.11",
"@types/file-saver": "2.0.7",
"@types/jasmine": "5.1.9",
"@types/jest": "29.5.12",
"@types/leaflet": "1.9.20",
"@types/node": "20.17.6",
"@types/uuid": "10.0.0",
"@typescript-eslint/parser": "8.38.0",
"@typescript-eslint/utils": "8.29.0",
"angular-eslint": "20.0.0",
"eslint": "9.8.0",
"eslint-config-prettier": "10.0.1",
"eslint-import-resolver-typescript": "4.3.0",
"eslint-plugin-detect-hard-code": "0.1.0",
"eslint-plugin-eslint-comments": "3.2.0",
"eslint-plugin-import": "2.32.0",
"eslint-plugin-rxjs": "5.0.3",
"eslint-plugin-rxjs-angular": "2.0.1",
"eslint-plugin-security-rules": "0.8.0",
"jasmine-core": "5.5.0",
"jest": "29.7.0",
"jest-environment-jsdom": "29.7.0",
"jest-preset-angular": "14.6.0",
"karma": "6.4.4",
"karma-chrome-launcher": "3.2.0",
"karma-coverage": "2.2.1",
"karma-jasmine": "5.1.0",
"karma-jasmine-html-reporter": "2.1.0",
"karma-spec-reporter": "0.0.36",
"ng-packagr": "19.2.2",
"nx": "21.2.2",
"nx-stylelint": "17.1.5",
"prettier": "3.4.2",
"stylelint": "15.11.0",
"stylelint-config-prettier": "9.0.0",
"stylelint-config-standard-scss": "11.1.0",
"stylelint-scss": "5.3.2",
"ts-jest": "29.1.0",
"ts-node": "10.9.1",
"tslib": "2.3.0",
"typescript": "5.8.2",
"typescript-eslint": "8.29.0",
"zone.js": "0.15.1"
},
"overrides": {
"esbuild": "0.25.0",
"ora": "5.4.1",
"@nx/angular": {
"form-data": "4.0.4",
"on-headers": "1.1.0"
},
"@nx/webpack": {
"stylus": "0.0.1-security"
},
"@nx/eslint": {
"form-data": "4.0.4"
},
"@nx/eslint-plugin": {
"form-data": "4.0.4"
},
"@nx/jest": {
"form-data": "4.0.4"
},
"@nx/js": {
"form-data": "4.0.4"
},
"@nx/web": {
"form-data": "4.0.4"
},
"@nx/workspace": {
"form-data": "4.0.4"
},
"jest-environment-jsdom": {
"form-data": "4.0.4"
},
"jest-preset-angular": {
"form-data": "4.0.4"
},
"nx": {
"form-data": "4.0.4"
},
"eslint-plugin-security-rules": {
"axios": "^1.7.9"
},
"eslint-import-resolver-typescript": {
"unrs-resolver": "1.3.2"
},
"tar": "^7.5.2",
"vite": "^6.4.1",
"koa": "^3.0.3",
"js-yaml": "^4.1.0"
}
}

Continue reading...