NPMインストールエラー: '…nt-webpack-plugin“:” 0'の近くで解析中のJSON入力の予期しない終了


207

新しいAngular 5プロジェクトを作成する場合:

ノードのバージョン:8.9.2

npmバージョン:5.5.1

私のコマンドは

npm install -g @angular/cli

エラーは

npm ERR! **Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'**
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Aashitec\AppData\Roaming\npm-cache\_logs\2017-12-06T13_10_10_729Z-debug.log

エラーログはhttp://www.aashitechno.in/2017-12-06T13_10_10_729Z-debug.logです


7
引用符のない「npm cache clean --force」があなたの質問の答えになるかもしれません。
Bimal

3
@Bimal npm cache clean --forceは私のために働く、ありがとう!
tonix

私のために働いて、私が何をしているのか知っていることを望んでいると言いました。私はしませんでした。
carny666

sudo npm cache clean --force sudo npm cache verify sudo npm i npm@latest -gこれらのコマンドは私にとってはうまくいった
Zohab Ali

npm cache clean --forceは私に感謝します
Praveen Verma

回答:


541

これは私のためにそれを解決しました:

管理者として Windows Powershell 開きます

npm cache clean --force
npm install -g @angular/cli

https://devblogs.microsoft.com/premier-developer/getting-started-with-node-js-angular-and-visual-studio-code/


9
私のために働いた!しかし、管理者としてとして、端末を開く必要
セルジオS.フィリオ

@McEmmy:あなたはそれはまだ問題が飛び出すmentioned..butとして私がやったUnexpected token , in JSON at position 366360 while parsing near '... } npm ERR! } npm ERR! }, npm ERR! "webpack-log":...'
Kalanka

@Kalanka、これを解決した場合、どのように解決したかを共有しますか?
mcemmy 2018

npm cache clean --forceとnpm install -g @ angular / cli @ latestを繰り返し実行すると問題が解決しました。npm cache cleanを実行しても役に立たなかった
Squapl Recipes

2
作品が、私は下でそれを実行することをC:\Users\[user-name]\AppData\Roaming\npm主なディレクトリ
市場の

99

解決:

npm cache clean --force

次に、アプリの作成(ここでは、reactアプリの作成時)を試みるか、インストールしようとしていたものをインストールします。

create-react-app myproject

(reactアプリの作成)[別の操作で発生する可能性がある同じnpm問題]

npm install -g @angular/cli@latest

(angular cliのインストール(またはその他のインストール))

それが動作します。

説明:

これはnpmに関連する問題です。破損するのはキャッシュに関する問題です。npmの新しいバージョンでは自己修復が実装されていますが、通常は破損が保証されませんが、それほど効率的ではないようです。 ここに画像の説明を入力してください クリーンキャッシュを強制すると、問題が解決します。

エラーは、json形式のキャッシュファイルの1つを解析するときに発生します。キャッシュは〜/ .npm / _cacache(Linuxの場合)および%AppData%/ npm-cache(Windows)にあります。私の現在のnpmバージョンと私がチェックしたとき、3つのディレクトリがありました。
ここに画像の説明を入力してください

最初または2番目をチェックすると、構造は次のようになります ここに画像の説明を入力してください

そして、各キャッシュファイルはjsonフォーマット(そしてそれが解析されるもの)を持っています ここに画像の説明を入力してください

ここにドキュメントからの良いリンクがあります: https //docs.npmjs.com/cli/cache

[更新]また、これで解決しない場合は、https://stackoverflow.com/a/50191315/7668448でこの回答を確認してください。npmレジストリを変更する方法が示されているため、役立ちます。確認してください。


よく説明された回答どうもなぜこれが起こったのかと思っていたおかげで、ダウンロードが完了しなかったためにキャッシュファイルが破損する原因となったインターネット接続が悪いためにファイルが破損したのではないかと疑っていました
Charles

1
はい、わかりません。はい、それは過去の問題でした。この問題のスレッドgithub.com/npm/npm/issues/4652に従ってください。しかし、彼らはそれに取り組んでいます。今、私はよくわかりません、多分それは解決されています。それはすべて、実装と、フェッチからキャッシュ、インストールまでのすべてのステップをnpmがどのように管理するかに依存します。現在、npm内部を通過する時間はありません。しかし、私はこの質問について詳しく説明し、いくつかの調査を行っています。記事を書いて、後で答えを更新します。エラーの他にキャッシュ破損の原因がある可能性があることを知っている
Mohamed Allal

2
docs.npmjs.com/common-errors#invalid-jsonを参照してください。レジストリの問題については、github.com/verdaccio/verdaccioを試すことができるverdaccioがあります。これらのスレッドごとにお勧めgithub.com/npm/npm/issues/21181github.com/npm/npm/issues/21112。そして、ここでキャッシュとそれらがgithub.com/npm/npm/issues/4652をどのように移動しているかについてのスレッド。歴史であるもう1つの記事はinfoworld.com/article/3198746/javascript/…です。研究を終えて記事を書いたらお知らせします。
Mohamed Allal 2018

ここで興味深いスレッド:ここで興味深いスレッドgithub.com/yarnpkg/yarn/issues/393
Mohamed Allal

1
問題はしばらくの間私を悩ませ、一貫したエラーで戻ってきました。この投稿のおかげで、私は2つのフォルダーを削除しました。ありがとう
ジム・ユー

30

もし

npm cache clean --force

動作しません。試す

npm cache clean --force
npm update

1
この答えはもっと多くの票を獲得するはずです。更新は重要なステップであり、この回答を見つけることができなかったため、ほぼ3時間も無駄になりました
Vaibhav Gautam

1
2020年5月の時点で、これはワークフローエラーに対して意図したとおりに完全に機能する唯一のソリューションです
Akhil

1
間違いなく、それは完全な答えです。唯一の解決策は私のために働いた。
Noddy氏、

1
私からも+1、それは素晴らしく機能し、実際に他のすべてを修正しようとする日々を失った後に機能した唯一の解決策...
nickast

2020年6月の時点で機能しました。この回答に投票してください
Gulsan Borbhuiya

14

Npmは新しいパッケージをダウンロードするためにキャッシュを使用します。npmキャッシュをクリアする必要があります。次のコマンドを使用してクリーニングします。

npm cache clean --force

次に、通常はnpm installコマンドを使用します。

npm install -g @angular/cli

10

C:\ Users \ admin \ AppData \ Roaming \(windows)のnpmおよびnpm-cacheフォルダを削除してから、cmdを実行します

npm cache clear --force

npmキャッシュ検証

npmを最新バージョンに更新する

npm i -g npm

次にプロジェクトを作成します1)角度

npm i -g @ angular / cli @ latest

新しいHelloWorld

2)反応する

npm i -g create-react-app

create-react-app react-app


9

私はそれを解決します

npm cache clean --force

次にnpmを更新します

npm i npm@latest -g

次に、通常はnpm installコマンドを使用します

npm install 

6

Windowsを使用して、以下にリストされているすべてのファイルを削除し、問題は解決しましたC:\ Users {{your-username}} \ AppData \ Roaming \ npm-cache




5

npm cache clean --force 私のために働いた

解決されたエラー:

$ npm install -g gulp npm WARN deprecated gulp-util@3.0.8:gulp-util is deprecated-置き換えて、https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5のガイドラインに従ってください NPM ERR!'... / RGs88STtAtiMP3tCiNdU'の近くで解析中のJSON入力の予期しない終了

npm ERR!この実行の完全なログは、npm ERR!C:\ Users \ admin \ AppData \ Roaming \ npm-cache_logs \ 2018-11-20T07_38_56_733Z-debug.log


3

このコマンドだけで問題が解決しました:

npm cache clean --force

また、正しいバージョンを使用していることを確認する必要がありますのノードあります。

nvmを使用してノードバージョンを管理する:

nvm list; # check your local versions;
nvm install 10.10.0; # install a new remote version;
nvm alias default 10.10.0; # set the 10.10.0 as the default node version, but you have to restart the terminal to make it take effect;

3

解決

npm cache clean --force

Windowsの場合:C:\Users\username\AppData\Roaming\npm-cache
すべてのファイルを削除して実行します

npm install && npm start

3

私は最初に使用してキャッシュをクリーニングすることでそれを解決しました

npm cache clean --force

その後

npm install -g @angular/cli

2

それはあなたのnpmからのエラーです...。

したがって、ノードをアンインストールして、再度インストールします。

できます....

PS:ノードを再度インストールした後、angular cliをグローバルにインストールしてください。

npm install -g @angular/cli@latest

2

このワンライナーで問題を解決しました

npm cache clean --force

それはいつも魅力のように働きます。ワンライナーが大好きです。注:クリーンインストールなので、npmキャッシュを空にする心配はありませんでした。


2

エラー:npm ERR!'... ore-js ":" 3.0.0-beta.1の近くで解析中のJSON入力の予期しない終了

これは、expo CLIをグローバルにインストールするときに発生します。これでうまくいきます。

npm cache clean --force

2

file already exists --force to overwrite次のコードを実行した後、エラー()が発生しました。

npm cache clean --force
npm install -g @angular/cli

私はそれを使って解決しました:

npm i -g --force npm

npmのキャッシュをフラッシュする最初のコマンドを必ず実行してください。


1

私はそれを解決します

まずpackage-lock.jsonを削除します

npm cache clean --force

次にnpmを更新します

npm i npm@latest -g

次に、npm installコマンドを使用します

npm install 


0

キャッシュをクリアする代わりに、一時フォルダーを設定できます:

npm install --cache /tmp/empty-cache

または

npm install --global --cache /tmp/empty-cache

npm @ 5以降、npmキャッシュは破損の問題から自己修復し、キャッシュから抽出されたデータは有効であることが保証されています。すべてが一貫していることを確認したい場合は、npm cache verify代わりに使用してください。一方、インストーラーで問題をデバッグしている場合はnpm install --cache /tmp/empty-cache、実際のキャッシュを無効にする代わりに、一時キャッシュを使用できます。


0

私にとっては、もう一度ブランチを複製して実行する必要がありましたnpm install


0

私はこの問題に直面し、Stackoverflowですべての答えを試しましたが、うまくいきませんでした。ようやくこの問題の解決策が見つかりました:

  • まず最初に、nodejsをアンインストールし、彼に関連するすべてのファイルを削除する必要があります
  • 「エディターの登録」に移動し、「nodejs」、「node.js」をすべて検索して削除します
  • コンピュータを再起動してください
  • そして、nodejsを再インストールしてからangularをインストールしてください。

それは私のために働いた


0

npm cache clean --force問題が解決しない場合は、~/.npmディレクトリ(* nix / macOS)を削除してみてください。これは、nodeがキャッシュ、ロック、ログ、グローバルパッケージ(nvmを使用している場合を除く)、およびを介してインストールされたモジュールを格納するディレクトリですnpx

まず、現在の~./npmディレクトリをバックアップします。

mv ~/.npm ~/.npm-backup

次に、npmコマンドをもう一度実行してみます。これにより、新しい~/.npmディレクトリが作成されます。問題が解決した場合は、バックアップを安全に削除できます。その前に、~/.npm-backupディレクトリにインストールされているグローバルパッケージを確認して、を使用して再インストールできるようにすることをお勧めしますnpm i -g [package]

rm -rf ~/.npm-backup

問題が解決しない場合は、バックアップを復元できます。

rm -rf ~/.npm
mv ~/.npm-backup ~/.npm

それらのrmコマンドに注意してください、皆さん!


0

これらのコマンドは私のために働きました

sudo npm cache clean --force

sudo npm cache verify

sudo npm i npm@latest -g

0

私の場合-Windows 7(必要なときにこれ以上何もありませんでした)。私を助けてくれました:

  1. C:\ Users \ username \ AppData \ Roaming \ npm-cacheからすべてを削除する

そして

  1. package-lock.jsonの削除

-2

この後 npm cache clean --force

あなたは電話を切るか、さらなる実行を待つことができます

npm WARN using --force私はあなたがあなたが何をしているのか知っていることを望みます。

したがって、これも使用できます。これは私の問題を解決します。

npm install --cache / tmp / empty-cache

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.