回答:
質問の1つに答えるには、ツールを機能させるためにグローバルとローカルの両方のインストールが必要です。
ng serve
CLIのローカルインストールなしでアプリケーションで実行しようとすると(グローバルインストールのみ)、次のエラーが発生します。
serveコマンドを使用するには、Angular CLIプロジェクト内にいる必要があります。
次のメッセージも出力されます。
Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"
そのnpm
コマンドを実行してローカルでCLIを更新し、表示される警告を回避します。
その他の質問:それらは同期している必要はないようですが、ツールの異常な動作やツールが生成するコードとの不整合を回避するためにこれらを同期させるのがおそらく最善です。
グローバルインストールとローカルインストールの両方が必要なのはなぜですか?
新しいアプリケーションを起動するには、グローバルインストールが必要です。ng new <app-name>
コマンドは、CLIのグローバルなインストールを使用して実行されます。実際、ng new
既存のCLIアプリケーションのフォルダー構造内で実行しようとすると、次の素敵なエラーが発生します。
new
Angular CLIプロジェクト内ではコマンドを使用できません。
グローバルからインストールを実行することができる他のコマンドがあるng help
、ng get/set
と--global
、オプションng version
、ng doc
とng completion
。
CLIのローカルインストールは、アプリケーションのビルド後に使用されます。これにより、CLIの新しいバージョンが利用可能になったときに、ローカルインストールに影響を与えずに、グローバルインストールを更新できます。これはプロジェクトの安定性に役立ちます。ほとんどng
のコマンドは唯一のように、ローカルバージョンで意味をなすlint
、build
そしてserve
、などを
CLI GitHub readmeによると、CLI を更新するには、グローバルパッケージとローカルパッケージを更新する必要があります。ただし、これまでグローバルバージョンとローカルバージョンが問題なくCLIを使用してきました。グローバルとローカルのCLIバージョンが同期していないことに関連するエラーが発生した場合は、ここに投稿します。
これは私が問題を解決した方法です。
これらのコマンドをコピーして実行する
ng --version
npm install --save-dev @angular/cli@latest
ng --version
rm node_modules/.bin/ng
。完璧に働きました。
これは私にとってはうまくいきます:ローカルバージョンを最新に更新します
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install
バージョンを確認する
ng --version
ng serve --open
、「このバージョンのCLIはAngularバージョン5.0.0以降とのみ互換性があります。Angularを更新する方法については、以下のリンクにアクセスしてください。angular
npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest
次に、ローカルプロジェクトパッケージで:
rm -rf node_modules dist
npm install --save-dev @angular/cli@latest
npm i
ng update @angular/cli
ng update @angular/core
npm install --save-dev @angular-devkit/build-angular
エラーを下回っていたエラー:JSON入力の予期しない終了JSON入力の予期しない終了この投稿からの上記の手順は、角度をバージョン6に更新できません
私は英語が流暢ではない
しかし、私が問題を理解している場合、プロジェクトのローカルにグローバルよりも古いバージョンのCLIがあるということですか?
そして、あなたはローカルの古いものの代わりにこのグローバルな新しいものを使いたいですか?
もしそうなら、プロジェクトディレクトリで実行するには非常に簡単な方法で十分です npm link @angular/cli
ページの件名の詳細:https : //docs.npmjs.com/cli/link
あなたはAngularCliを更新する必要があるだけです
npm install --save-dev @angular/cli@latest
ワークスペース(ローカル)のAngular CLIを更新する
npm install --save -dev @angular/cli@latest
注:正しくインストールされている場合は、「-g」を指定したコマンドを使用してグローバルバージョンをインストールしてください。
npm install -g @angular/cli@latest
更新コマンドを実行して、アップグレードが必要なすべての依存関係のリストを取得します
ng update
次に、個々のAngularコアパッケージごとに、次のように更新コマンドを実行します。
ng update @angular/cli @angular/core
ただし、他のすべての保留中の問題を修正するために、「– force」および「–allow-dirty」フラグコマンドを追加する必要がありました。
ng update @angular/cli @angular/core --allow-dirty --force
これは問題を解決するはずです:
ng update @angular/cli @angular/core
これらのことをするだけ
npm install --save-dev @angular/cli@latest
npm audit fix
npm audit fix --force
npm install --save-dev @ angular-devkit / build-angular-ng updateを支援しました@ angular / cli-> angular.jsonと他の更新を作成しました
インストールされている依存関係を収集しています... 58個の依存関係が見つかりました。
** Executing migrations for package '@angular/cli' **
Updating karma configuration
Updating configuration
Removing old config file (.angular-cli.json)
Writing config file (angular.json)
Some configuration options have been changed, please make sure to update any npm scripts which you may have modified. DELETE .angular-cli.json CREATE angular.json (4394 bytes) CREATE browserslist (429 bytes) UPDATE karma.conf.js (993 bytes) UPDATE public/tsconfig.spec.json (295 bytes) UPDATE package.json (2618 bytes) UPDATE tsconfig.json (437 bytes) UPDATE tslint.json (3135 bytes) UPDATE public/polyfills.ts (587 bytes) UPDATE public/tsconfig.app.json (199 bytes) npm WARN @angular/core@5.2.9 requires a peer of zone.js@^0.8.4 but none is installed. You must install peer dependencies yourself.