首页 > 解决方案 > 我收到此错误:当我尝试从 Linux 使用 ng serve 运行我的应用程序时,找不到模块 '@angular-devkit/build-angular/package.json

问题描述

大家好,当我尝试从终端(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 个组件之前:登录、注册和 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

但它仍然不起作用。

标签: angular

解决方案


请尝试在项目文件夹中安装 npm。我已经在全球范围内安装了 npm,但在解决方案文件夹上再次安装 npm 解决了我的问题。

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


推荐阅读