将 Angular 12 升级到 13 - mjs 文件中的编译错误

Kar*_*ran 5 ecmascript-6 angular

我们正在尝试使用节点 14.15.0 将角度从 12 升级到 13,并在执行 npm start 时遇到以下错误

\n
ERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs\nModule not found: Error: Can't resolve '@angular/common' in '..\\node_modules\\@angular\\platform-browser-dynamic\\fesm2015'\n\nERROR in ./node_modules/@angular/platform-browser/fesm2015/platform-browser.mjs\nModule not found: Error: Can't resolve '@angular/common' in '..\\node_modules\\@angular\\platform-browser\\fesm2015'\n\nERROR in ./node_modules/@angular/router/fesm2015/router.mjs\nModule not found: Error: Can't resolve '@angular/common' in '..\\@angular\\router\\fesm2015'\n\nERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs\nModule not found: Error: Can't resolve '@angular/compiler' in '..\\node_modules\\@angular\\platform-browser-dynamic\\fesm2015'\n\nERROR in ./node_modules/@angular/common/fesm2015/common.mjs\nModule not found: Error: Can't resolve '@angular/core' in '..\\node_modules\\@angular\\common\\fesm2015'\n\nERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs\nModule not found: Error: Can't resolve '@angular/core' in '..\\node_modules\\@angular\\platform-browser-dynamic\\fesm2015'\n\nERROR in ./node_modules/@angular/platform-browser/fesm2015/platform-browser.mjs\nModule not found: Error: Can't resolve '@angular/core' in '..\\node_modules\\@angular\\platform-browser\\fesm2015'\nERROR in ./node_modules/@angular/router/fesm2015/router.mjs\n\nModule not found: Error: Can't resolve '@angular/core' in '..\\node_modules\\@angular\\router\\fesm2015'\n\nERROR in ./node_modules/@angular/platform-browser-dynamic/fesm2015/platform-browser-dynamic.mjs\nModule not found: Error: Can't resolve '@angular/platform-browser' in '..\\node_modules\\@angular\\platform-browser-dynamic\\fesm2015'\n\ni \xef\xbd\xa2wdm\xef\xbd\xa3: Failed to compile.\n
Run Code Online (Sandbox Code Playgroud)\n

包.json

\n
"dependencies": {\n    "@angular/animations": "^13.2.3",\n    "@angular/cdk": "^13.2.3",\n    "@angular/common": "^13.2.3",\n    "@angular/compiler": "^13.2.3",\n    "@angular/core": "^13.2.3",\n    "@angular/forms": "^13.2.3",\n    "@angular/http": "^7.2.15",\n    "@angular/material": "^13.2.3",\n    "@angular/platform-browser": "^13.2.3",\n    "@angular/platform-browser-dynamic": "^13.2.3",\n    "@angular/platform-server": "^13.2.3",\n    "@angular/router": "^13.2.3",\n    "@aspnet/signalr": "^1.1.4",\n    "@juggle/resize-observer": "^3.2.0",\n    "@ng-bootstrap/ng-bootstrap": "^10.0.0",\n    "@progress/kendo-angular-buttons": "^5.0.1",\n    "@progress/kendo-angular-charts": "^4.1.2",\n    "@progress/kendo-angular-common": "^1.2.1",\n    "@progress/kendo-angular-dateinputs": "^4.2.0",\n    "@progress/kendo-angular-dropdowns": "^4.2.3",\n    "@progress/kendo-angular-excel-export": "^3.0.1",\n    "@progress/kendo-angular-grid": "^4.5.0",\n    "@progress/kendo-angular-inputs": "^6.3.1",\n    "@progress/kendo-angular-l10n": "^2.0.0",\n    "@progress/kendo-angular-pdf-export": "^2.0.0",\n    "@progress/kendo-angular-popup": "^3.0.4",\n    "@progress/kendo-drawing": "^1.6.0",\n    "@progress/kendo-file-saver": "^1.0.7",\n    "@progress/kendo-theme-default": "^4.9.0",\n    "applicationinsights-js": "^1.0.20",\n    "bootstrap": "^5.1.2",\n    "core-js": "^3.21.1",\n    "expose-loader": "^0.7.5",\n    "hammerjs": "^2.0.8",\n    "jquery": "^3.6.0",\n    "mat-currency-format": "0.0.7",\n    "moment": "^2.24.0",\n    "moment-timezone": "^0.5.27",\n    "ngx-bootstrap": "^5.6.2",\n    "ngx-perfect-scrollbar": "^8.0.0",\n    "ngx-restangular": "^5.0.0",\n    "ngx-swiper-wrapper": "^8.0.2",\n    "regenerator-runtime": "^0.13.3",\n    "rxjs": "^7.5.4",\n    "rxjs-compat": "^6.5.3",\n    "sass": "^1.45.2",\n    "zone.js": "^0.11.4"\n  },\n  "devDependencies": {\n    "@angular-devkit/build-angular": "^13.2.4",\n    "@angular/cli": "^13.2.4",\n    "@angular/compiler-cli": "^13.2.3",\n    "@angular/language-service": "^13.2.3",\n    "@ngtools/webpack": "^8.3.20",\n    "@progress/kendo-angular-intl": "^2.0.0",\n    "@progress/kendo-data-query": "^1.5.2",\n    "@types/angular": "^1.6.57",\n    "@types/angular-animate": "^1.5.10",\n    "@types/angular-mocks": "^1.7.0",\n    "@types/angular-resource": "^1.5.15",\n    "@types/angular-route": "^1.7.0",\n    "@types/angular-sanitize": "^1.7.0",\n    "@types/applicationinsights-js": "^1.0.9",\n    "@types/google.analytics": "^0.0.40",\n    "@types/jasmine": "^3.10.3",\n    "@types/jquery": "^3.3.31",\n    "@types/lodash": "^4.14.149",\n    "@types/moment": "^2.13.0",\n    "@types/moment-timezone": "^0.5.12",\n    "@types/node": "^17.0.18",\n    "@types/webpack-env": "^1.14.1",\n    "angular-router-loader": "^0.8.5",\n    "angular2-template-loader": "^0.6.2",\n    "canonical-path": "^1.0.0",\n    "codelyzer": "^6.0.2",\n    "concurrently": "^5.0.1",\n    "copy-webpack-plugin": "^5.1.0",\n    "css-loader": "^3.3.0",\n    "extract-text-webpack-plugin": "^4.0.0-beta.0",\n    "file-loader": "^5.0.2",\n    "file-saver": "^2.0.2",\n    "gsap": "^3.7.1",\n    "html-loader": "^0.5.5",\n    "html-webpack-plugin": "^3.2.0",\n    "http-server": "^0.12.0",\n    "install": "^0.13.0",\n    "jasmine-core": "^4.0.0",\n    "jasmine-spec-reporter": "^7.0.0",\n    "karma": "^6.3.16",\n    "karma-chrome-launcher": "^3.1.0",\n    "karma-cli": "^2.0.0",\n    "karma-jasmine": "^4.0.1",\n    "karma-jasmine-html-reporter": "^1.7.0",\n    "lodash": "^4.17.21",\n    "ng2-odometer": "^1.1.3",\n    "ngx-countdown": "^8.0.3",\n    "ngx-modialog": "^5.0.1",\n    "null-loader": "^3.0.0",\n    "protractor": "^7.0.0",\n    "raw-loader": "^4.0.0",\n    "rimraf": "^3.0.0",\n    "rollup": "^1.27.11",\n    "rollup-plugin-commonjs": "^10.1.0",\n    "rollup-plugin-node-resolve": "^5.2.0",\n    "rollup-plugin-uglify": "^6.0.4",\n    "rxjs-tslint": "^0.1.8",\n    "sass-loader": "^8.0.0",\n    "style-loader": "^1.0.1",\n    "terser-webpack-plugin": "^2.3.0",\n    "to-string-loader": "^1.1.6",\n    "ts-loader": "^6.2.1",\n    "ts-node": "~8.5.4",\n    "tslint": "^6.1.3",\n    "typescript": "^4.4",\n    "webpack": "^4.41.2",\n    "webpack-cli": "^3.3.10",\n    "webpack-dev-server": "^3.9.0",\n    "webpack-merge": "^4.2.2",\n    "xlsx": "^0.17.2"\n  }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

请有人建议我。

\n

小智 0

同样在 Angular 12 中,上述错误中提到的路径有 js 文件,但升级到 13 后,它以 mjs 文件的形式出现