angular ng serve 命令抛出错误：发生未处理的异常：项目不存在

Question

I am trying to up my local angular dev env using ng serve, it was working perfectly fine a day back, but now every time I run ng serve or npm start it throws an error:

An unhandled exception occurred: Project does not exist.

I have tried running ng serve in one of my different project, it works there.

not sure what it causing this error

Answer 1

Make sure the name of the project in your angular.json matches what is being called from your package.json scripts section.

This is how I discovered the problem. I was getting the following error:

An unhandled exception occurred: Project does not exist.
See "C:\Users\Adam\AppData\Local\Temp\ng-XcQsPs\angular-errors.log" for further details.

When I went to that log file, I saw this:

[error] Error: Project does not exist.
    at WorkspaceNodeModulesArchitectHost.findProjectTarget (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:94:23)
    at WorkspaceNodeModulesArchitectHost.getBuilderNameForTarget (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:13:39)
    at RunCommand.runSingleTarget (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular\cli\models\architect-command.js:175:55)
    at RunCommand.runArchitectTarget (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular\cli\models\architect-command.js:218:35)
    at RunCommand.run (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular\cli\commands\run-impl.js:14:25)
    at RunCommand.validateAndRun (C:\Users\Adam\source\repos\TechScore.Express\node_modules\@angular\cli\models\command.js:134:39)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:834:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

So I opened node-modules-architect-host.js:94:23 and saw this:

const projectDefinition = this._workspace.projects.get(target.project);
if (!projectDefinition) {
    throw new Error('Project does not exist.');
}

I have no idea why they throw an error like this without telling you which project does not exist. So I changed the file to be like this:

throw new Error('Project does not exist. ' + target.project);

Now, when I build, I get an error like this instead:

An unhandled exception occurred: Project does not exist. client-app

Finally I can see who the culprit is! A global search for "client-app" showed me that it was being used from package.json , but my project in angular.json was "ClientApp". Changing all references of "ClientApp" to "client-app" fixed the problem for me.

Answer 2

Similar to issue mentioned by adam0101, the issue got fixed for me by changing the project name. Infact package.json and angular.json names can be different( at least for me), but within angular.json, the naming was consistent

Old

  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "e-admin": {   ======NAME USED HERE=======
      "root": "",
...
"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "eAdmin:build"    ===NAME USED HERE====
          },
          "configurations": {
            "production": {
              "browserTarget": "eAdmin:build:production"  <===NAME USED HERE
            }
          }
        },

Modified

 "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "e-admin": {
      "root": "",
...
"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "e-admin:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "e-admin:build:production"
            }
          }
        },

Answer 3

Make sure you angular.json have this config

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "version": 1,
    "newProjectRoot": "projects",
    "projects": { // here 
        "testapp": {
            "root": "",
            "sourceRoot": "src",
            "projectType": "application",

Answer 4

please check projects name and defaultProject are same

testapp

{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": { // here 
    "testapp": {
        "root": "",
        "sourceRoot": "src",
        "projectType": "application",

.....................

"defaultProject": "testapp",

please try

npm install 

or

yarn install

Answer 5

我解决了这个问题，将 tsconfig.json 中的目标从 es2015 更改为 es5

Answer 6

I match the values in angular.json & package.json and my problem was solved

angular.json:

"projects": {
    "step1": {
      "projectType": "application",
      ...,
      ...,

package.json

{
  "name": "step1",
  ...,
  ...,

Answer 7

@adam0101 The solution helped a lot! Thank you!!!

But I had to add a console.log(target):

const projectDefinition = this._workspace.projects.get(target.project);
if (!projectDefinition) {
    console.log(target)
    throw new Error('Project does not exist.');
}

And I found in the package.json the wrong project name over a global search:

Answer 8

Project name in angular.json must be the same at every property where is needed.

And take good care of letter case, even in paths, at angular.json.

Windows doesn't complain, but Angular does!!

Answer 9

For anyone still having this issue. It's likely you didn't run npm install or yarn before calling the run script.

Answer 10

I had the same problem with Angular Universal . For me it was the simplest thing. It is npm run dev:ssr not ng run dev:ssr . However, it is ng run myproject:serve-ssr . Watch for differences between ng and npm .

Answer 11

I duplicated a project and changed its name getting me this error. Fixed it by changing the project name everywhere else in angular.json.

For example

    "e2e": {
              "builder": "@angular-devkit/build-angular:protractor",
              "options": {
                "protractorConfig": "e2e/protractor.conf.js",
                "devServerTarget": "YourNewProjectName:serve"
              },
              "configurations": {
                "production": {
                  "devServerTarget": "YourNewProjectName:serve:production"
                }
              }
            },

Answer 12

@Tony Ngo

  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ng-num-formatter": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      },
      "root": "",
      "sourceRoot": "src",
      "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/ng-num-formatter",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": false,
            "assets": [
              {
                "glob": "**/*",
                "input": "src/assets",
                "output": "assets"
              },
              {
                "glob": "**/*.svg",
                "input": "node_modules/ionicons/dist/ionicons/svg",
                "output": "./svg"
              }
            ],
            "scripts": []
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb",
                  "maximumError": "10kb"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "ng-num-formater:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "ng-num-formater:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "ng-num-formater:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss"
            ],
            "scripts": []
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "tsconfig.app.json",
              "tsconfig.spec.json",
              "e2e/tsconfig.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        },
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "ng-num-formater:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "ng-num-formater:serve:production"
            }
          }
        }
      }
    },
    "jat-userslist": {
      "projectType": "library",
      "root": "projects/jat-userslist",
      "sourceRoot": "projects/jat-userslist/src",
      "prefix": "jux",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-ng-packagr:build",
          "options": {
            "tsConfig": "projects/jat-userslist/tsconfig.lib.json",
            "project": "projects/jat-userslist/ng-package.json"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "projects/jat-userslist/src/test.ts",
            "tsConfig": "projects/jat-userslist/tsconfig.spec.json",
            "karmaConfig": "projects/jat-userslist/karma.conf.js"
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "projects/jat-userslist/tsconfig.lib.json",
              "projects/jat-userslist/tsconfig.spec.json"
            ],å
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },
  "defaultProject": "ng-num-formatter"
}

this is my angular.json code

Answer 13

对我来说，它只能使用

npm run cordova:run android

Answer 14

Make sure the path of "styles" in the angular.json should be

"./node_modules/bootstrap/dist/css/bootstrap.min.css"

instead of

"../node_modules/bootstrap/dist/css/bootstrap.min.css"

And also remove one dot from the "scripts"

 "scripts": [
              "./node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

Answer 15

If you are working on an existing project, you might need want to check the codeCoverageExclude inside angular.json and see if your *.spec.ts files are defined inside the array.

You might find your files excluded on the test.