「@ angular / core」に依存していないようです。これはエラーです


140

Angular CLIでAngle 2 Appを作成したい

私はcmdに書いています:

npm install angular-cli -g

次に:

ng firstngapp

npm startと書くとエラーが表示されます! エラー画像

ファイル画像

問題がわかりません


22
同様の問題がありましたが、親フォルダーにいました。
Jaider

npmバグfirstngappを実行してみてください。問題の解決方法をご案内します
スワンナンド

1
npmのインストール後、プロジェクトを閉じてからもう一度開くことができます。それは私のために働いた。
支払う

私のように錆びてる?プロジェクトのクローンを作成した後...プロジェクトフォルダに変更し、npm install
Adam Cox

同意します。「npm install angular-cli -g」、次に「npm install」、最後に「ng XXX」を実行する必要があります
Andreas Panagiotidis

回答:



79

実行中ng serve は、アプリの/プロジェクトのディレクトリにいる必要があります

別のディレクトリでコマンドを実行すると、エラーが発生します。

「@ angular / core」に依存していないようです。これはエラーです。


2
「@ angular / core」に依存していましたが、プロジェクトディレクトリにいなかったため、そのエラーが発生しました
niranjan pb

15

ノードモジュールを削除します。package.jsonファイルがにあることを確認し、@angular/coreで再インストールしnpm iます。


13
  1. node_modulesフォルダーとpackage-lock.jsonファイルを削除します。
  2. 次に、npmパッケージを更新する次のコマンドを実行します。

    npm update

  3. その後、次のコマンドを実行してプロジェクトを開始します。

    ng serve

上記の手順でうまくいきました。


7

あなたを助けるかもしれません。

  • 以前に作成したすべてのフォルダを削除します
  • 新しいフォルダを作成
  • 次に、コマンド「cd foldername」からそのフォルダに移動してみてください
  • 次に「npm install」をインストールしてみます

これはあなたの問題を解決します。


6

ターミナルから

 > cd myProjectPath
 myProjectPath > npm install

8
これは現時点でのトップの回答と非常によく似ています。これは必要な回答ですか?
TerryA 2017年

1
上記と同じ提案よりも優れています。
FeeFiFoFum

5

それがまだ問題かどうかはわかりません。私はと同じ迷惑を経験してい@angular/cli v1.1.2ましたnpm 4.1.2。私はnode_modulesディレクトリを削除してから更新を続けましたnpm(これは以前は一般的な原因でした)。

(最新)にアップグレードnpmしたかったの5.0.3ですが、使用nvmしていたのでライブラリがめちゃくちゃになっているようです。したがって、私は再インストールしましたnode

その後、私は一緒に行きました

  • npm cache clean
  • npm rebuild
  • npm install -毎回別のパッケージでエラーをスローしたため、これは数回

結局、すべてのパッケージは大丈夫でした。

お役に立てれば。


5

以下の手順は私のために働きました:

1)node_modules/フォルダとpackage-lock.jsonファイルを削除します。

2) npm install

3) ng serve



3

2018年に誰かがこれに遭遇した場合、私のために最終的に機能したのはng new my-app、で作成したmy-appに移動することでした。そして、ng serveこれを実行するには、依存関係とdevDependenciesが必要my-app/package.jsonです。root/package.json。。これらは2つの別個のファイルです。

すべての依存関係をルートフォルダのにコピーした場合でも、にpackage.json移動し、設定ファイルなどのパスの場所を手動で変更してに移動する必要がありますmy-app/*。入っmy-app/て実行する方がはるかに簡単ですng serveそこにで、想定どおりにすべてが機能するようになります。

したがって、これらの手順は誰にとっても機能するはずです。

rm -rf <previous-app> //以前のアプリが呼び出されていた場合は、それがあった場合。

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve


あなたは何をするか説明できRM -rf <前の-app>の私は、なぜならば、私は覚えていないprevious-app、あなたのコマンドを実行した後、私が手にYou cannot use the new command inside an Angular CLI project.やっているときにエラーng new my-app
モニカのために革命を

@ Marine1 Angularアプリ内に新しいAngularアプリを作成することはできません。rm -rf <previous app>この問題を引き起こしている以前のアプリがある場合にのみ実行します。ここでアプリの名前を置き換えます。rm -rf ディレクトリのコンテンツ全体を強制的に再帰的に削除します
Dan


2

同じ問題に直面した。ngserveの実行中は、appsディレクトリにいる必要があります。確認するには(GIT BASHの場合:アプリディレクトリにいる場合、gitbashプロンプトでディレクトリパスの後に(マスター)が表示されます。)


2

これが私がこの問題を解決した方法です。

私は最初に走ったnpm install @angular/core

それから私は走ったnpm install --save

両方のインストールが正常に完了したときに、実行して次npm serveのエラーを受け取りました

"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.

Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."

次に、node_modulesフォルダーとpackage-lock.jsonフォルダーを削除しました。

これらのフォルダを削除した後、npm install --saveもう一度実行しました。

実行npm startして別のエラーを受け取りました。このエラーは言ったError: Cannot find module '@angular-devkit/core'

走りましたnpm install @angular-devkit/core --save

最後に、私は実行npm startし、プロジェクトが始まりました!


2

同じ問題が発生しましたが、その理由は

  1. あなたが走るとき ng new app-nameすると、アプリ名で新しいディレクトリが作成され、その中にすべてがインストールされます。
  2. 上記のコマンドを実行するng serve と、人間が実行する傾向があり、アプリがサブディレクトリにあるため、package.jsonが見つからず、前述のエラーがスローされます。

解決策は非常に簡単です。サブディレクトリに移動して実行しますng serve


つまり、cd ng5ディレクトリ
Ajay

@AjayTakurディレクトリ名はアプリ名と同じになります。
abhirathore2006 2018年

1

新しいプロジェクトを作成するには:

ng new firstngapp

あなたの例ではあなたが欠落していnewます。これにより、フォルダーが作成され、ファイルが生成されて実行さnpm installれます。フォルダーを作成したようですが、Angular CLIアプリがありません。

そして、アプリの使用を開始するために:

ng serve

npm start cliから削除した場合にのみ使用されます。


1

役に立たないようにした後:

  • npmインストール
  • npmアップデート
  • サーブ

npm install -g @ angular / cli私のために働いた


0

同じ問題があり、node_modulesを削除して再インストールした後、最初にpackage-lock.jsonを削除する必要がありました。


0

「ng serve」を実行しようとしたときに同じエラーが発生しました。その後、技術者の1人がnpmを更新するように指示したいくつかの提案を確認しました。「ng server」と入力すると、この画面も表示されました。

"" @ angular / compiler-cliおよびtypescriptのバージョンを特定できませんでした。これの最も一般的な理由は、壊れたnpmインストールです。package.jsonに@ angular / compiler-cliとtypescriptの両方がdevDependenciesに含まれていることを確認してから、node_moduleとpackage-lock.json(ある場合)を削除して、npm installを再度実行してください。 ""

すべてのアクションを実行すると、正しく機能し、「コンパイルが正常に完了しました」というメッセージが表示されます。


0

ngサーバーをc:\ project \ angular-srcの場所から実行する必要があります。プロジェクトのルートだけではありません。


OPにc:\ project \ angular-srcフォルダーがない可能性があります。いいえ、あなたは答えても意味がありません。ng serveフォルダのルートから実行する必要がありますpackage.json。このスクリプトが定義されているファイルがあるためです。
ミロスラフジョナス


0

私の場合、以下がうまくいきました:

rm -rf node_modules
rm package-lock.json
npm install

したがって、更新でnpm installありません。


0

私が抱えていた問題は、CLIのアドバイスに従って糸のパッケージ管理に切り替えることでした。

それから私はチュートリアルを行っている間npm install --save bootstrapに私はそうしました、そしてその後、エラーが現れ始めました。その後私はyarn add xxxもちろんそうしました、そしてそれはうまくいきました。

プロジェクトの状態を復元するには、私は削除node_modulespackage-lock.jsonこの回答に従って実行しますyarn install


0

@ angular / compiler-cliおよびtypescriptのバージョンを判別できませんでした。これの最も一般的な理由は、壊れたnpmインストールです。

package.jsonに@ angular / compiler-cliとtypescriptの両方がdevDependenciesに含まれていることを確認してから、node_modulesとpackage-lock.json(ある場合)を削除して、npm installを再度実行してください。


0

これは、パッケージマネージャーを混在させていたときに起こりました。私のプロジェクトはYarnで生成され、その後、npm installを使用していくつかの依存関係を追加しました(これにより、追加された依存関係のみのpackage-lock.jsonが作成されました)。

どうやら、ng serveはpackage-lock.jsonを使用していて、そこにAngularの依存関係を見つけることができませんでした。糸だけを使い始めた後、つまりnpm installの代わりにyarn addを使ったところ、エラーはなくなりました。


0

** ng serveコマンドを実行する前に、新しく作成したYOUR_APPフォルダーにいる必要があります**

フレッシュから始めましょう

1) install npm

2)新しいAngularアプリを作成する(ng new <YOUR_APP_NAME>

3)アプリフォルダーに移動(cd YOUR_APP_NAME

4) ng serve

問題が解決することを願っています。


0

この問題を解決するために。

  1. ステップ1: cd projectName
  2. ステップ2: npm update
  3. ステップ3: ng serve -o

例えば ​​: ここに画像の説明を入力してください


0

ngサーブの場合、そのディレクトリ内にいる必要があります

ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
  create FireStore/README.md (1025 bytes)
  create FireStore/.angular-cli.json (1245 bytes)
  create FireStore/.editorconfig (245 bytes)
  create FireStore/.gitignore (544 bytes)
  create FireStore/src/assets/.gitkeep (0 bytes)
  create FireStore/src/environments/environment.prod.ts (51 bytes)
  create FireStore/src/environments/environment.ts (387 bytes)
  create FireStore/src/favicon.ico (5430 bytes)
  create FireStore/src/index.html (296 bytes)
  create FireStore/src/main.ts (370 bytes)
  create FireStore/src/polyfills.ts (3114 bytes)
  create FireStore/src/styles.css (80 bytes)

ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.

cmdを使用してこれを解決する方法

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

さあ、cmd

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.