我收到此错误：Cannot find module '@angular-devkit/build-angular/package.json when I try run my app with ng serve from Linux

Question

大家好，当我尝试从终端（linux）运行我的应用程序时，我遇到了下一个错误，当我运行以下命令时：

服务

我在终端中收到此错误：

AppBlog/blog# ng serve
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/index.js
- /usr/local/lib/node_modules/@angular/cli/models/architect-command.js
- /usr/local/lib/node_modules/@angular/cli/commands/serve-impl.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/index.js
- /usr/local/lib/node_modules/@angular/cli/utilities/json-schema.js
- /usr/local/lib/node_modules/@angular/cli/models/command-runner.js
- /usr/local/lib/node_modules/@angular/cli/lib/cli/index.js
- /usr/local/lib/node_modules/@angular/cli/lib/init.js
- /usr/local/lib/node_modules/@angular/cli/bin/ng
See "/tmp/ng-ev5aDi/angular-errors.log" for further details.

然后我检查了这部分：

发生未处理的异常：找不到模块“@angular-devkit/build-angular/package.json”

这部分说找不到名为的模块：“'@angular-devkit/build-angular/package.json'”

然后我在我的项目中检查了这个文件，但我有这个，看看：

  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.3",
    "@angular/cli": "~9.0.3",
    "@angular/compiler-cli": "~9.0.2",
    "@angular/language-service": "~9.0.2",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "~3.7.5"
  }

然后我去谷歌搜索，我从stackoverflow找到了这个 ，我尝试了他们的解决方案，但它不起作用，我再次运行命令ng serve。

我做错了什么？

在没有之前，在我添加 3 个组件之前：login、register 和 home 在我的文件夹中：src/app 使用此命令：ng 生成组件登录，然后我在我的文件中导入我的组件：app.component.ts 这样：

/* THIS IS JUST A EXAMPLE VERY SIMILAR TO MY CODE REAL,  I just import one component*/

import { Component } from '@angular/core';
import { loginComponent } from './login.component';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  declarations: [loginComponent], //import my login
})
export class AppComponent {
  title = 'blog';
}

也许是这部分，但我没有找到解决方案，任何角度专家都可以告诉我我做错了什么？

更新

我继续在谷歌搜索，我发现这个： github/Angular他们说我会再次安装 npm/angular-cli/node 并且我运行这个命令来更新我的 angular cli：

卸载ang-cli

npm卸载@angular/cli

安装了最新的

npm install -g @angular/cli@latest

但首先我用这个命令更新我的 npm：

安装了最新的 npm

npm install -g npm@latest

但它仍然不起作用。

Answer 1

请尝试在项目文件夹上安装 npm。我已经全局安装了 npm，但是在解决方案文件夹上再次安装 npm 解决了我的问题。

npm install在项目文件夹中就可以了。然后做ng serve -o

Answer 2

就我而言，这两个命令有帮助：

npm install -g npm@latest
npm install -g @angular/cli

Answer 3

我终于找到了适合我的东西。

--force在 npm 命令的末尾添加。

喜欢 npm install --save-dev @angular-devkit/build-angular --force

然后 ng serve

Answer 4

我最近将 Angular CLI 升级到 Angular 9 时遇到了这个问题。以下命令解决了这个问题。

npm install --save-dev @angular-devkit/build-angular
npm install
ng serve -o

Answer 5

如果您使用 Angular 11 并遇到此问题，请执行以下操作：

1. 从devDependency中删除"@angular-devkit/build-ng-packagr:build"依赖项

2. 更新angular.json ->projects->your-library-name ->architect -> build ->

   老的："builder": "@angular-devkit/build-ng-packagr:build",

   新的："builder": "@angular-devkit/build-angular:ng-packagr",