无法 运行 exisitng angular 项目 - 找不到本地工作区文件 ('angular.json')

Not able to run exisitng angular project - Local workspace file ('angular.json') could not be found

我无法 运行 现有项目并收到错误 "Local workspace file ('angular.json') could not be found." 我的 package.config 具有这些值(不是完整文件)

{
  "name": "xx",
  "version": "1.0.0",
  "private": true,
  "description": ".",
  "scripts": {
    "start": "webpack-dev-server --inline --progress --port 8888",
    "test": "karma start karma.webpack.conf.js",
    "build": "rimraf dist && webpack --config config/webpack.prod.js --bail",
    "lint": "tslint ./src/**/*.ts -t verbose"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@angular/animations": "^4.1.2",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",

  },
  "devDependencies": {
    "@angular/cli": "^6.2.4",
 }

当我 运行 在项目文件夹外时,这就是我得到的

ng version

"Angular CLI: 6.2.4
Node: 12.16.0
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.8.4
@angular-devkit/core         0.8.4
@angular-devkit/schematics   0.8.4
@schematics/angular          0.8.4
@schematics/update           0.8.4
rxjs                         6.2.2
typescript                   2.9.2"

当我 运行 在 src 项目文件夹中时,这就是我得到的

ng version

Angular CLI: 6.2.4
Node: 12.16.0
OS: win32 x64
Angular:
...

------------------------------------------------------
@angular-devkit/architect    <error>
@angular-devkit/core         <error>
@angular-devkit/schematics   <error>
@schematics/angular          <error>
@schematics/update           <error>
rxjs                         6.2.2

如果您 运行 遇到这个问题,可能是因为您的全局 @angular/cli 项目 @angular/cli 版本或 @angular/compiler-cli 不匹配。

首先运行

ng -v

检查全局版本 (即输出 5.2.0),然后查看您的项目 package.json,如果它与项目版本匹配。

"@angular/cli": "6.0.0-rc.3",
"@angular/compiler-cli": "^5.2.0",

修复

如果不匹配,请更新或降级。例如降级项目 @angular/cli 运行

npm uninstall -D @angular/cli
npm install -D @angular/cli@5.2.0

升级全局运行@angular/cli运行

npm install -g @angular/cli@latest

Note

必须同时安装全局和本地才​​能使这些工具正常工作。

在全局模式下(-g–global附加到命令),它uninstalls/installs包作为一个全球包。要 uninstall/install 项目包使用 -D–save-dev 并且包将 removed/added 到您的 devDependencies。

包名后的@指定了所需的版本。


第二个选项

对我来说,我按照以下步骤解决了这个问题

  1. npm uninstall -g @angular/cli
  2. npm cache verify
  3. npm install -g @angular/cli --no-optional
  4. ng new new-project
  5. ng s / ng s -o

第三个选项

如果您 运行 命令 'ng new my-app' 当您已经在应用程序文件夹中时,它会在其中打开另一个同名文件夹。检查你是否运行命令'ng serve'在第一个或第二个文件夹。

示例:

如果你 运行 'ng serve' 在: C:\Users\hoehmann\my-app

你需要 运行 它在:C:\Users\hoehmann\my-app\my-app