尝试使用 ng serve 提供 Angular 应用程序时出错答案

【问题标题】：Error when trying to serve angular application using ng serve尝试使用 ng serve 提供 Angular 应用程序时出错
【发布时间】：2022-10-23 18:27:40
【问题描述】：

我创建了一个角度应用程序，它工作正常。我尝试将角度/材质添加到我的项目中，然后我的项目开始抛出错误。我尝试通过搜索每个错误来修复它，但是错误不断变化并且它不会结束。我尝试过的修复。

清除 node_modules 文件夹并尝试 npm install。
将 package.json 更新为最新的 Angular 版本。

ng 更新

现在我很难找到导致问题的原因。

现在我在尝试 ng serve 时遇到错误

[error] TypeError: readConfiguration is not a function
    at readTsconfig (<solutionpath>\node_modules\@angular-devkit\build-angular\src\utils\read-tsconfig.js:45:26)
    at async configureI18nBuild (\node_modules\@angular-devkit\build-angular\src\utils\i18n-options.js:124:22)
    at async generateI18nBrowserWebpackConfigFromContext (\node_modules\@angular-devkit\build-angular\src\utils\webpack-browser-config.js:68:36)
    at async setup (\node_modules\@angular-devkit\build-angular\src\builders\dev-server\index.js:127:47)

请建议我解决此问题的方法。

PFB 我的 package.json

{
  "name": "medicine-store-ui",
  "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": "~13.1.0",
    "@angular/cdk": "^13.1.0",
    "@angular/common": "~13.1.0",
    "@angular/compiler": "~11.1.0",
    "@angular/core": "~13.1.0",
    "@angular/forms": "~13.1.0",
    "@angular/material": "^13.1.0",
    "@angular/platform-browser": "~11.1.0",
    "@angular/platform-browser-dynamic": "~11.1.0",
    "@angular/router": "~11.1.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^13.1.1",
    "@angular/cli": "~11.1.1",
    "@angular/compiler-cli": "~11.1.0",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "^6.3.9",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.1.2"
  }
}

【问题讨论】：

您正在混合 Angular 11 和 13。您应该在集成新库之前先更新旧的东西……或者但也许不是更好的方法……使用旧的库版本。
更新版本，或者所有应该是最后一个版本，或者所有应该是旧版本。我的意思是，混合版本有问题。
感谢@ThomasRenger 将所有版本更新到 13 后，我的应用程序出现了。

标签： angular

【解决方案1】：

我遇到了类似的问题，将 cli 更新到最新版本对我有用

ng update @angular/compiler-cli --force

【讨论】：

【解决方案2】：

首先，您必须检查每个包的版本。适用于 Node、NPM、Angular、RxJS、TypeScript 等。

如果您弄乱了版本，请按照以下步骤操作：

步骤1：首先检查节点 tsLib、rxjs 和版本。 https://unpkg.com/browse/@angular/core@13.1.0/package.json

另外，请查看https://update.angular.io/ 上的角度更新指南

第2步：检查版本冲突运行这个命令npm outdated > versionchecks.log

第 3 步：在 GitHub 上找到相关版本的 Angular 项目。您将知道其他人如何为您的角度版本编写他们的 package.json。

示例：https://github.com/search?q=%22%40angular%2Fcore%22%3A+%22~13.1.0%22%2C+extension%3Ajson+filename%3Apackage.json+language%3AJSON+language%3AJSON&type=Code

【讨论】：

【解决方案3】：

在它工作正常之前。但是当从 10 更新到 12 时得到相同的错误将版本 10 转换为 12 之后。

[错误] TypeError: readConfiguration 不是函数在 readTsconfig (D:AngularApplogin-token-main ode_modules@angular-devkituild-angularsrcutils ead-tsconfig.js:49:26) 在 processTicksAndRejections (节点:internal/process/task_queues:96:5) 在异步 configureI18nBuild (D:AngularApplogin-token-main ode_modules@angular-devkituild-angularsrcutilsi18n-options.js:125:22) 在异步 generateI18nBrowserWebpackConfigFromContext (D:AngularApplogin-token-main ode_modules@angular-devkituild-angularsrcutilswebpack-browser-config.js:71:36) 在异步设置（D：AngularApplogin-token-main ode_modules@angular-devkituild-angularsrcuildersdev-serverindex.js:135:47)

【讨论】：