Angular CLIでAngle 2 Appを作成したい
私はcmdに書いています:
npm install angular-cli -g
次に:
ng firstngapp
問題がわかりません
npm install
Angular CLIでAngle 2 Appを作成したい
私はcmdに書いています:
npm install angular-cli -g
次に:
ng firstngapp
問題がわかりません
npm install
回答:
実行中ng serve
は、アプリの/プロジェクトのディレクトリにいる必要があります。
別のディレクトリでコマンドを実行すると、エラーが発生します。
「@ angular / core」に依存していないようです。これはエラーです。
ターミナルから
> 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
これを実行するには、依存関係と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
previous-app
、あなたのコマンドを実行した後、私が手にYou cannot use the new command inside an Angular CLI project.
やっているときにエラーng new my-app
rm -rf <previous app>
この問題を引き起こしている以前のアプリがある場合にのみ実行します。ここでアプリの名前を置き換えます。rm -rf
ディレクトリのコンテンツ全体を強制的に再帰的に削除します
すべてのピアの依存関係をインストールした後、npm更新を実行すると機能します。
これが私がこの問題を解決した方法です。
私は最初に走った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
し、プロジェクトが始まりました!
同じ問題が発生しましたが、その理由は
ng new app-name
すると、アプリ名で新しいディレクトリが作成され、その中にすべてがインストールされます。ng serve
と、人間が実行する傾向があり、アプリがサブディレクトリにあるため、package.jsonが見つからず、前述のエラーがスローされます。解決策は非常に簡単です。サブディレクトリに移動して実行しますng serve
新しいプロジェクトを作成するには:
ng new firstngapp
あなたの例ではあなたが欠落していnew
ます。これにより、フォルダーが作成され、ファイルが生成されて実行さnpm install
れます。フォルダーを作成したようですが、Angular CLIアプリがありません。
そして、アプリの使用を開始するために:
ng serve
npm start
cliから削除した場合にのみ使用されます。
役に立たないようにした後:
npm install -g @ angular / cli私のために働いた
同じ問題があり、node_modulesを削除して再インストールした後、最初にpackage-lock.jsonを削除する必要がありました。
「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を再度実行してください。 ""
すべてのアクションを実行すると、正しく機能し、「コンパイルが正常に完了しました」というメッセージが表示されます。
ng new --skip-install PROJECT_NAMEを実行してから、作成したフォルダーに手動で移動し、npm installと入力します。 https://github.com/angular/angular-cli/issues/3906
** ng serveコマンドを実行する前に、新しく作成したYOUR_APPフォルダーにいる必要があります**
フレッシュから始めましょう
1) install npm
2)新しいAngularアプリを作成する(ng new <YOUR_APP_NAME>
)
3)アプリフォルダーに移動(cd YOUR_APP_NAME
)
4) ng serve
問題が解決することを願っています。
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/ **