Angular CLIエラー:serveコマンドはAngularプロジェクトで実行する必要がありますが、プロジェクト定義が見つかりませんでした


158

端末コマンドng serverまたはを実行すると、ng serve --live-reload=true次の問題が発生します。

serveコマンドは、Angularプロジェクトで実行する必要がありますが、プロジェクト定義が見つかりませんでした。


11
あなたはプロジェクトフォルダ内のフォルダnode_modulesを持っている場合は、インストールNPM実行しない場合は、チェック
KEMBL

私はすでにnode_modulesフォルダーを持っています。
Gurpreet Singh

「ng build」を実行しようとしたときに同じエラーメッセージが表示されたときに、この質問に遭遇しました。私の答えは、「npm run build」を実行すること
でした

私はルートディレクトリにいて、このエラーが発生しました:D。ng new projectプロジェクトディレクトリに入るのを忘れた後。
DavutGürbüz

回答:


228

私もこの問題を抱えていて、以下のコマンドを実行して解決しました。

ng update @angular/cli --migrate-only --from=<WhateverVersionYouAreCurrentlyOn>

例えば

ng update @angular/cli --migrate-only --from=1.7.3

ここから参照を取得https://github.com/angular/angular-cli/issues/12215#issuecomment-433593036


30
これは、新しいangular-cliがプロジェクトファイルとして.angular-cli.jsonの代わりにangular.jsonを使用し、回答がこの変換を処理するために発生します
コード名Jack

7
注:--from=1.7.4から移行されたバージョンを表しますので、1.7.4あなたが以前使用していた角度のバージョンに変更する必要があります(例:5.2.106.0.0など)。
cjn 2018年

4
ng update @ angular / cli <<これは、angular 6から7までの既存のプロジェクトで私にとってはうまくいった
Abdullah Adeeb

2
1.2.4を使用していて、次のエラーが発生The specified command update is invalid. For available options, see ``ng help``.しました。angular-cliを1.7.4に更新してから、この回答に従って解決しました。
ILikeFood

1
ありがとう。Angularを4.4.7から7にアップグレードしたときの動作
Pullat Junaid

71

アプリケーションのルートフォルダーでコマンドを実行していることを確認してください。


ルートフォルダーにアクセスするに pm> dir pm> cd clientappは、エラーメッセージが表示されている場合は次を使用します pm>ng config -g cli.warnings.versionMismatch false
hosam hemaily

44

プロジェクトをダウンロードした場合は、プロジェクトで実行します

npmインストール


私の問題は、インストールされていないプライベートnpmパッケージでした
David

角度付きチュートリアルのテストプロジェクトを試行したときと同じ問題
mahlatse

19

最後に、以下のコマンドで問題が解決しました!

ng update --all --force

私は試しましたng update @angular/cliがうまくいきませんでしたがng update --all --force、期待どおりに動作しましたが、何が違うのでしょうか?
k11k2

15

Angular Cliエラー:serveコマンドはAngularプロジェクトで実行する必要がありますが、プロジェクト定義が見つかりませんでした

angular.jsonファイルが欠落していた問題。

    ng update --all --force

Angular 7+でテスト済み


5

私は最新のものに更新しようとしたとして、それは私の既存のプロジェクトで起こっていたnodenpmのパッケージ:

  1. グローバルをアンインストールします。 npm uninstall -g angular-cli
  2. キャッシュのリセット:npm cache cleanまたはnpm cache verifynpm version> 5の場合)
  3. 最新をインストール: npm install -g @angular/cli@latest

4

プロジェクトに新しい角度バージョンの構成が設定されていることを確認してください。新しい角度cliは、その構成に.angular-cli.jsonではなくangular.jsonを使用します。

移行ガイドに従ってください。


4

ばかげたことでしたが、コメントを残しておく必要があるかもしれません。マルチタスクで複数のプロジェクトがあり、一部のプロジェクトがプロジェクトフォルダー内にネストされている場合、コマンドを実行しようとしたときと同じメッセージが表示されます。projectFolder/subProject/projectOneprojectFolder/subProjectng serve

間違ったフォルダーにあり、confとbuildがない場合にも同じエラーが発生するため、正しいフォルダーにいることを確認してください!


3

パッケージマネージャーコンソールで次のコマンドを実行します

PM> cd NameofApp 

次に、そこでコマンドを実行してみることができます。たとえば、

PM > ng generate component Home

3

新しくインストールし直すと、設定が欠落しているためにnpmで認識されない設定を更新または編集するよりも、アプリケーションの方が優れています。

@Tinuソリューションを選択する

ステップ1)npm install -g @ angular / cli

ステップ2)ng new my-angular-project

ステップ3)cd my-angular-project

ステップ4)ng serve --open

現在のソースコードのバックアップを作成し、作成された新しい角度プロジェクトに戻します。


2

これは、Angularアプリケーションのルートフォルダーではなく、他のフォルダーでAngularコマンド "ng s"または "ng serve"を実行しようとしたときに発生します。

また、次のコマンドを使用してAngularをアップグレードします。

ng update @angular/cli --migrate-only --from=1.7.4

これはそれを整理します。


2

私の場合、ディレクトリを変更するのを忘れたので、コマンドを実行した直後:

ng new AngularProject

別のコマンドを実行します。

cd AngularProject

そしてng serve私のために働いた。


2

アプリケーションを実行する前にルートフォルダーに移動する必要があるため、Angular7でも同じ問題が発生しました。アプリのルートフォルダーに移動して、コマンドを実行します。それは私にとって完璧に機能します。


2

同じ問題が発生しましたが、次のコード手順に従って解決しました。

Step 1) npm install -g @angular/cli
Step 2) ng new my-angular-project
Step 3) cd my-angular-project
Step 4) ng serve --open

新しいプロジェクトを作成する必要があるのはなぜですか?私はこれを既存のもののためにしたい
Dadhich Sourav '27

なぜ新しいプロジェクトを作成するのですか?誰かが既存のプロジェクトで問題を抱えている場合
Lint

2

このエラーは、実行中のプロジェクトが角度付きプロジェクトでない場合に発生します。Angularプロジェクトをダウンロードしましたが、すべての依存関係をインストールしていないため、ng serveコマンドを使用できません。

プロジェクトが保存されているパスに移動し、コマンドを使用するだけです

npm install

(注-Node.jsがシステムにインストールされている必要があり、Angular 2以上を使用している場合は、このコマンドを実行する前にAngular cliもシステムにインストールする必要があります。node.jsがシステムにインストールされているかどうかを確認するには1) cmdを開きます(任意のパス-ノードはシステムにグローバルにインストールする必要があります)2)コマンドを使用します

node -v
npm -v

ノードとnpmバージョンを取得する)

さらに重要なこととして、システムにインストールされているバージョンがプロジェクトで必要なバージョンよりも高い場合、angular cliバージョンは違いを生じさせません。警告が表示されますが、警告は無視できます。


2

このエラーは、間違ったディレクトリにいる場合に発生することがあります。cdコマンドを使用してディレクトリを変更してください。上記のコメントからどのコマンドがこのエラーを出しているかは明らかではないので、この回答は、ルートフォルダー/実際のプロジェクトフォルダーの外部でng serveを実行しているという仮定に基づいています。cliコマンドはcliビルドを実行するためにconf&ビルドファイルを必要とするため、エラーが発生しているのはそのためです。

These should be the steps:
npm install -g @angular/cli  //corrected from 'angular-cli'
ng new projectname
cd projectname
ng serve
open http://localhost:4200


1

私は同じエラーに出くわしました。その理由は、新しいangular cliの更新によりangular-cli.jsonが冗長になり、代わりにangular.jsonに置き換えられるためです。私の以前のAngular Cliバージョンは1.7.4なので、変更を加えるために、次のコマンドを実行すると、変換が行われます。

ng update @angular/cli --migrate-only --from=1.7.4

不明なオプション: '--target' npm ERR!コードELIFECYCLE
Sohail

1

私は同じ問題に直面しました、

古いangular-cliバージョン(1.4.7)を使用して新しい角度プロジェクトを作成しました。次に、以下のコマンドを使用してangular-cliを更新しました(以下のCLIを更新しないでください

  • npm uninstall -g @angular/cli
  • npm cache clean --force
  • npm install -g @angular/cli@latest

今私が試したときng serve、私はあなたのような同じエラーを得ていました

Angular Cli Error: The serve command requires to be run in an Angular project, but a project definition could not be found

CLIを更新するには以下を実行してください

ng update @angular/cli --migrate-only --from=1.4.7

1

ウスマンが言ったように、私は初めて多くの問題を抱えていました、私はチュートリアルに従っていました。ディレクトリをプロジェクトディレクトリに設定していなかったため、このエラーが発生しました。

私は問題を解決しました

  1. プロジェクトがあった場所に正しいルートディレクトリを設定する cd myproject
  2. アプリをコンパイルする- ng serve

それだけでした。


1

上記すべてを試しましたが、私にとっては

npm start


これはコメントセクションにある必要があります
Pardeep

@Pardeep上記のすべての答えを試しましたが、npm startでうまくいきました。他の開発者にとって役立つでしょう。コメントを
残すの

1

私はionciv1を使用していますが、ファイルionic.config.jsonで角型キーを削除すると正しく機能しました

例:

  {
  "name": "nombre",
  "integrations": {
    "cordova": {}
  },
  "type": "angular", // delete
  "gulpStartupTasks": [
    "sass",
    "templatecache",
    "ng_annotate",
    "useref",
    "watch"
  ],
  "watchPatterns": [
    "www/**/*",
    "!www/lib/**/*"
  ],
  "browsers": [
    {
      "platform": "android",
      "browser": "crosswalk",
      "version": "12.41.296.5"
    }
  ],
  "id": "0.1"
}

解決した

     {
      "name": "nombre",
      "integrations": {
        "cordova": {}
      },
      "gulpStartupTasks": [
        "sass",
        "templatecache",
        "ng_annotate",
        "useref",
        "watch"
      ],
      "watchPatterns": [
        "www/**/*",
        "!www/lib/**/*"
      ],
      "browsers": [
        {
          "platform": "android",
          "browser": "crosswalk",
          "version": "12.41.296.5"
        }
      ],
      "id": "0.1"
    }

1

このエラーは通常、グローバルまたはローカルのCLIランタイムの更新に遡ることができます。これが問題であるかどうかを確認するには、package.jsonファイルを確認する必要があります。そこで、@ angular / cli依存関係を探す必要があります。これは、プロジェクトの作成に使用されたCLIバージョンを示しているはずです。後でプロジェクトを移行するために使用する必要があるため、この値を書き留めておきましょう。

端末ウィンドウで次のコマンドを入力して、現在のCLIランタイムと比較する必要があります。

ng v

ng vの出力

エラーが発生した場合An unhandled exception occurred: ENOENT: no such file or directory, scandir '~/your-app/node_modules'、実行するのを忘れましたnpm install

コンソールに現在のCLIバージョンが表示されます。バージョンが異なる場合は、以下のコマンドを実行して、プロジェクトを新しいCLIバージョンに移行する必要があります。from versionパラメータは、@ angular / cli設定で見つかった値に設定する必要があることに注意してください。

ng update @angular/cli --migrate-only --from=1.6.7

これでプロジェクトを確認し、package.jsonファイルのCLI依存関係バージョンの変更に気付くはずです。また、CLIのバージョンによっては、.angular-cli.jsonファイルが削除され、新しいangular.jsonファイルが作成されます。これは、新しいCLIが探しているプロジェクトファイルであり、プロジェクトが見つからないというエラーの原因です。このファイルを追加することで、プロジェクトを再び実行できるようになります。

次のコマンドを入力でき、プロジェクトは正常にロードされているはずです。

ng server

おかげozkary


1

以下のコマンドを使用して角度アプリを作成していることを確認してから、作成したプロジェクトフォルダーでng serveを実行します。

ng new Project_Name

0

また、サーブを実行している場合は、まず停止することを確認してください...


0

解決しました。私はubuntu 18.04.01 LTSで同じ問題を抱えていました。いいえ上記のオプションは、私が使っていたとして働いていたんNVM(ノードバージョンマネージャを。)解決策はある
プロジェクトを作成する前に、使用するコマンド
NVMの使用10が
(私は「NVM使用10」を使用しているので、私のノードのバージョンは、10.15.0だった)
それはあなたを出力-表示されます
現在、ノードv10.15.0(npm v6.4.1)を使用しています
。バージョンは、個々のシステムごとに異なります。次に、新しいプロジェクトを作成します。



0

プロジェクトフォルダー内にいるかどうかを確認して、コマンドをng serve再試行してください

ng serveプロジェクト外でコマンドを実行したため、同じエラーが発生しました

例::「ecommerce」という名前のプロジェクトがフォルダーに移動し、ng serve open terminal cd ecommerce ng serve コマンドを実行するとします


0

これは私の問題を修正しました:

ng generate component nameComponent --module app.module

0

これは、他のパスでng serveコマンドを実行しているために発生します。これは、プロジェクトが正確に存在するパスでng serveまたはnpm startコマンドを実行することで解決できます(src、node_modulesなどを含むフォルダーまでパスを取得します)。

F:\ project \ AngularDemo \ AngularDemoapp> ng serve

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.