error handling when serve the project(ng serve) I'm using angular 12th version

An unhandled exception occurred: Cannot find module './internal/Observable'
Require stack:
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\architect\node_modules\rxjs\index.js
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\architect\src\api.js
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\architect\src\index.js
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\build-angular\src\dev-server\index.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\index.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\models\architect-command.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\commands\serve-impl.js
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\schematics\tools\export-ref.js
- D:\New folder\guthrieims-ui\node_modules\@angular-devkit\schematics\tools\index.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\utilities\json-schema.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\models\command-runner.js
- D:\New folder\guthrieims-ui\node_modules\@angular\cli\lib\cli\index.js
- C:\Users\LENOVO\AppData\Roaming\nvm\v16.14.0\node_modules\@angular\cli\lib\init.js
- C:\Users\LENOVO\AppData\Roaming\nvm\v16.14.0\node_modules\@angular\cli\bin\ng
See "C:\Users\LENOVO\AppData\Local\Temp\ng-7zB6u0\angular-errors.log" for further details.

//package.json
{
"name": "guthries-ims",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^12.0.0",
"@angular/cdk": "^12.0.0",
"@angular/common": "^12.0.0",
"@angular/compiler": "^12.0.0",
"@angular/core": "^12.2.17",
"@angular/forms": "^12.0.0",
"@angular/platform-browser": "^12.0.0",
"@angular/platform-browser-dynamic": "^12.0.0",
"@angular/pwa": "^0.1000.2",
"@angular/router": "^12.0.0",
"@angular/service-worker": "^12.0.0",
"@nebular/eva-icons": "^5.0.0",
"@nebular/theme": "^5.0.0",
"@ng-bootstrap/ng-bootstrap": "^5.1.4",
"@ng-idle/core": "^8.0.0-beta.4",
"@ng-idle/keepalive": "^8.0.0-beta.4",
"@ng-plus/signature-pad": "0.0.5",
"angular-moment": "^1.3.0",
"angular-otp-box": "^1.0.1",
"angular-simple-keyboard": "^1.1.2",
"angular2-moment": "^1.9.0",
"bootstrap": "^4.4.1",
"chart.js": "2.9.4",
"eva-icons": "^1.1.2",
"html2canvas": "1.0.0-alpha.12",
"html2pdf.js": "0.9.1",
"jspdf": "2.3.1",
"moment": "2.29.4",
"ng-multiselect-dropdown": "^0.2.10",
"ng2-charts": "^2.3.0",
"ng2-search-filter": "^0.5.1",
"ngx-barcode": "^0.2.4",
"ngx-bootstrap": "^5.1.0",
"ngx-chips": "^2.1.0",
"ngx-drag-drop": "^2.0.0",
"ngx-image-zoom": "^0.6.0",
"ngx-short-number-pipe": "0.0.3",
"rxjs": "^6.5.3",
"rxjs-compat": "^6.5.4",
"simple-keyboard": "^3.4.44",
"tslib": "^1.10.0",
"zone.js": "^0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.803.25",
"@angular/cli": "^12.0.0",
"@angular/compiler-cli": "^12.0.0",
"@angular/language-service": "^12.0.0",
"@angular/localize": "^12.2.17",
"@babel/compat-data": "~7.8.0",
"@babel/preset-typescript": "^7.23.3",
"@fortawesome/fontawesome-free": "^5.15.2",
"@schematics/angular": "^8.3.23",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.2.1",
"jasmine-core": "^3.10.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "6.3.16",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.5.1",
"protractor": "^7.0.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~4.2.3"
}
}
please solve the issue