找不到模块 '@angular-devkit/build-angular/package.json' - TypeScript

当启动Angular应用程序时，您可能遇到类似于以下错误的问题：

ERROR in Cannot find module '@angular-devkit/build-angular/package.json'

这是由于缺少 @angular-devkit/build-angular 包所致，这是一个必要的安装包，用于编译和构建应用程序。

解决方案

在解决此问题之前，请注意以下事项：

• 您必须安装Node.js。
• 请确保您的 package.json 文件中的 @angular-devkit/build-angular 包的版本与 angular-cli 包的版本兼容。

执行以下步骤：

1. 打开终端或命令提示符窗口。

2. 导航到您的Angular应用程序的根目录，这通常是 my-app。

3. 运行以下命令：

npm install --save-dev @angular-devkit/build-angular

此命令将安装 @angular-devkit/build-angular 包，并将其添加到您的 package.json 文件中的 devDependencies 部分。

4. 确保在 angular.json 文件的 architect.build.builder 属性中使用了 @angular-devkit/build-angular:browser：

"architect": {
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    ...
  },
  ...
}

如果您使用的是不同的类型，例如 @angular-devkit/build-angular:server，请更改为 @angular-devkit/build-angular:browser。

5. 重新启动您的Angular应用程序：

ng serve

如果问题仍然存在，请运行以下命令，清除缓存：

npm cache clean --force

然后重试步骤3和4。

结论

如果您遇到了 Cannot find module '@angular-devkit/build-angular/package.json' 错误，则需要安装 @angular-devkit/build-angular 包。按照上述步骤安装并配置此包后，您的Angular应用程序应该可以成功启动。