web-dev-qa-db-ja.com

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

Angular CliでAngular 2 Appを作成したい

私はcmdに書いています:

npm install angular-cli -g

その後:

ngngngngng

しかし、私はnpm startを書くとエラーが表示されます。 the error image

Files image

私はその問題を理解していない

実行しよう

npm install

プロジェクトフォルダ内

185
galvan

ng serveを実行している間、あなたはアプリの/プロジェクトのディレクトリにいるべきです。

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

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

76
niranjan pb

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

15
selem mn
  1. node_modules folderおよび package-lock.json fileを削除します。
  2. それから次のコマンドを実行するとnpmパッケージがアップデートされます。

    npm update

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

    ng serve

上記の手順は私のために働いた。

13
sabin

ターミナルから

 > cd myProjectPath
 myProjectPath > npm install
7
Pooja

まだ問題があるかどうかはわかりません。私は@angular/cli v1.1.2npm 4.1.2と同じ厄介さを経験していました。 node_modulesディレクトリを削除してからnpmを更新しました(これが過去の一般的な原因であったため)。

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

それから、一緒に行きました

  • npm cache clean
  • npm rebuild
  • npm install - 毎回違うパッケージでエラーを投げたので何度か

結局、すべてのパッケージは問題ありませんでした。

お役に立てれば。

5

お手伝いします。

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

これで問題は解決します。

5
Ajit Kumar

私にとっての修正は

npm link
ng build 

enter image description here

4
grepit

2018年に誰かがこれに遭遇した場合、最終的に私のために働いたのは、ng new my-appで作成したmy-appに行き、その後ng serveを実行することでしたおよびmy-app/package.jsonではなくroot/package.jsonにあるdevDependencies。これらは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

3
Dan

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

私は最初に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
MBak

同じ問題に直面しました。 ngserveを起動している間は、appsディレクトリにいるはずです。確認するには(GIT BASHの場合:appディレクトリにいる場合は、gitbash Promptのディレクトリパスの後に(master)があります。)

2
Pankaj Roy

私は同じ問題を抱えています、そしてその理由は

  1. ng new app-nameを実行すると、アプリ名で新しいディレクトリが作成され、その中にすべてがインストールされます。
  2. 上記のコマンドを実行した後、人間の傾向はng serveを実行することです、そしてあなたのアプリがサブディレクトリにあるのでそれはpackage.jsonを見つけられず、言及されたエラーを投げるでしょう。

解決策はとても簡単です。サブディレクトリに移動してng serveを実行するだけです。

2
abhirathore2006

以下のステップは私のために働いた:

Node_modulesフォルダーとpackage-lock.jsonファイルを削除します。 npmインストールサービス

2
Ashish168

すべてのピア依存関係をインストールした後に npm update を実行してください。

2

無駄にしようとした後:

  • npmインストール
  • npm更新
  • サーブ

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

1
user3172635

次のようにして新しいプロジェクトを作成します。

ng new firstngapp

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

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

ng serve

npm startはcliから取り出した場合にのみ使用されます。

1
Miroslav Jonas

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

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

プロジェクトの状態を復元するために、 this answerのようにnode_modulespackage-lock.jsonを削除してからyarn installを実行します。

0
bottlenecked

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

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

例えば ​​:  enter image description here

0
BehrouzMoslem

@ angular/compiler-cliとTypeScriptのバージョンを特定できませんでした。これの最も一般的な理由は壊れたnpmインストールです。

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

0

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

どうやらng serveはpackage-lock.jsonを使用していて、Angular依存関係がそこに見つかりませんでした。 npm installの代わりにYarnのみ、つまりyarn addを使い始めた後、エラーは消えました。

0
Yakov Fain

サービスを提供するには、そのディレクトリの中にいる必要があります。

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/ **
0
Ashish Kamble

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

新鮮から始めましょう、

1)install npm

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

3)アプリフォルダに移動します(cd YOUR_APP_NAME

4)ng serve

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

0
Abhishek Kumar

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

0
Tony B

私の場合、以下がうまくいった。

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

そのため、 update ではなくnpm installです。

0
Lars

"ng serve"を実行しようとしたときに同じエラーが発生していました。その後、技術者の1人が自分のnpmを更新するように指示していました。

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

すべてのアクションを実行した後、正常に動作していて、「Compiled Successfully」というメッセージが表示されます。

0
Irshad

Ng new --skip-install PROJECT_NAMEを実行してから、手動で作成したフォルダに移動し、「npm install」と入力します。 https://github.com/angular/angular-cli/issues/3906

0
rsapru

私は同じ問題を抱えていて、node_modulesを削除して、package-lock.jsonを削除する必要がありました。

0
RollWhisTler