Angular CliでAngular 2 Appを作成したい
私はcmdに書いています:
npm install angular-cli -g
その後:
ngngngngng
しかし、私はnpm startを書くとエラーが表示されます。
私はその問題を理解していない
実行しよう
npm install
プロジェクトフォルダ内
ng serve
を実行している間、あなたはアプリの/プロジェクトのディレクトリにいるべきです。
別のディレクトリでコマンドを実行すると、エラーが発生します。
あなたは "@ angular/core"には依存していないようです。これはエラーです。
ノードモジュールを削除し、package.json
ファイルに@angular/core
があることを確認し、npm i
で再インストールします。
それから次のコマンドを実行するとnpmパッケージがアップデートされます。
npm update
後でプロジェクトを開始し、次のコマンドを実行します。
ng serve
上記の手順は私のために働いた。
ターミナルから
> cd myProjectPath
myProjectPath > npm install
まだ問題があるかどうかはわかりません。私は@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
- 毎回違うパッケージでエラーを投げたので何度か結局、すべてのパッケージは問題ありませんでした。
お役に立てれば。
お手伝いします。
これで問題は解決します。
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
これが私がこの問題を解決した方法です。
私は最初に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
を実行しました、そして、プロジェクトは始まりました!
同じ問題に直面しました。 ngserveを起動している間は、appsディレクトリにいるはずです。確認するには(GIT BASHの場合:appディレクトリにいる場合は、gitbash Promptのディレクトリパスの後に(master)があります。)
私は同じ問題を抱えています、そしてその理由は
ng new app-name
を実行すると、アプリ名で新しいディレクトリが作成され、その中にすべてがインストールされます。ng serve
を実行することです、そしてあなたのアプリがサブディレクトリにあるのでそれはpackage.jsonを見つけられず、言及されたエラーを投げるでしょう。解決策はとても簡単です。サブディレクトリに移動してng serve
を実行するだけです。
以下のステップは私のために働いた:
Node_modulesフォルダーとpackage-lock.jsonファイルを削除します。 npmインストールサービス
すべてのピア依存関係をインストールした後に npm update を実行してください。
無駄にしようとした後:
npm install -g @ angular/cli 私のために働いた
次のようにして新しいプロジェクトを作成します。
ng new firstngapp
あなたの例ではnew
がありません。これはフォルダを作成し、ファイルを生成し、あなたのためにnpm install
を実行します。フォルダを作成したようですが、その中にAngular CLIアプリがありません。
そして、アプリの使用を開始するために:
ng serve
npm start
はcliから取り出した場合にのみ使用されます。
私が持っていた問題は、私が糸のパッケージ管理に切り替えるためにcliのアドバイスに従ったということでした。
それからチュートリアルをたどっている間に私はnpm install --save bootstrap
をしました、そしてそれ以降、エラーが現れ始めました。その後私はもちろんyarn add xxx
をしました、そしてそれはうまくいきました。
プロジェクトの状態を復元するために、 this answerのようにnode_modules
とpackage-lock.json
を削除してからyarn install
を実行します。
@ angular/compiler-cliとTypeScriptのバージョンを特定できませんでした。これの最も一般的な理由は壊れたnpmインストールです。
Package.jsonのdevDependenciesに@ angular/compiler-cliとTypeScriptの両方が含まれていることを確認してから、node_modulesとpackage-lock.json(ある場合)を削除して、もう一度npm installを実行します。
これは私がパッケージマネージャを混在させていたときに起こりました。私のプロジェクトはYarnで生成され、その後、npm installを使用していくつかの依存関係を追加しました(これにより、依存関係を追加しただけでpackage-lock.jsonが作成されました)。
どうやらng serveはpackage-lock.jsonを使用していて、Angular依存関係がそこに見つかりませんでした。 npm installの代わりにYarnのみ、つまりyarn addを使い始めた後、エラーは消えました。
サービスを提供するには、そのディレクトリの中にいる必要があります。
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/ **
** ng serveコマンドを実行する前に、新しく作成したYOUR_APPフォルダにいる必要があります。**
新鮮から始めましょう、
1)install npm
2)新しいAngularアプリを作成します(ng new <YOUR_APP_NAME>
)
3)アプリフォルダに移動します(cd YOUR_APP_NAME
)
4)ng serve
問題が解決することを願っています。
Ngサーバーをc:\ project\angular-srcの場所から実行する必要があります。プロジェクトの根源だけではありません。
私の場合、以下がうまくいった。
rm -rf node_modules
rm package-lock.json
npm install
そのため、 update ではなくnpm install
です。
"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」というメッセージが表示されます。
Ng new --skip-install PROJECT_NAMEを実行してから、手動で作成したフォルダに移動し、「npm install」と入力します。 https://github.com/angular/angular-cli/issues/3906
私は同じ問題を抱えていて、node_modulesを削除して、package-lock.jsonを削除する必要がありました。