web-dev-qa-db-ja.com

反応スクリプトからwebpackをアンインストールできません

私は反応してtodoアプリを作成しようとしていましたが、これは私にとって新しいことです。ただし、webpackをインストールした後、npm startが機能しません。それは私に与えます:

[email protected] start/home/hanna/Desktop/projects/my-todo-react react-scripts start

プロジェクトの依存関係ツリーに問題がある可能性があります。 Create React Appのバグではない可能性がありますが、ローカルで修正する必要があるものです。

Create React Appが提供するreact-scriptsパッケージには依存関係が必要です。

「webpack」:「4.19.1」

手動でインストールしないでください。パッケージマネージャーが自動的にインストールします。ただし、ツリーの上位で別のバージョンのwebpackが検出されました。

/ home/hanna/node_modules/webpack(バージョン:4.20.2)

互換性のないバージョンを手動でインストールすると、デバッグが困難な問題が発生することがわかっています。

このチェックを無視する場合は、SKIP_PREFLIGHT_CHECK = trueをプロジェクトの.envファイルに追加します。これによりこのメッセージは永久に無効になりますが、他の問題が発生する可能性があります。

依存関係ツリーを修正するには、次の手順を正確な順序で実行してください。

  1. プロジェクトフォルダーのpackage-lock.json(package.jsonではない!)またはyarn.lockを削除します。
  2. プロジェクトフォルダーのnode_modulesを削除します。
  3. プロジェクトフォルダーのpackage.jsonファイルの依存関係やdevDependenciesから「webpack」を削除します。
  4. 使用するパッケージマネージャーに応じて、npm installまたはyarnを実行します。

ほとんどの場合、これで問題を修正できます。これが役に立たない場合、他に試すことができるいくつかのことがあります:

  1. Npmを使用した場合は、yarn( http://yarnpkg.com/ )をインストールし、代わりに上記の手順を繰り返します。 npmにはパッケージの巻き上げに関する既知の問題があり、将来のバージョンで解決される可能性があるため、これが役立つ場合があります。

  2. / home/hanna/node_modules/webpackがプロジェクトディレクトリ外にあるかどうかを確認します。たとえば、誤ってホームフォルダーに何かをインストールした可能性があります。

  3. プロジェクトフォルダーでnpm ls webpackを実行してみてください。これにより、webpackがインストールされた他のパッケージ(予想される反応スクリプトを除く)がわかります。

他に何も役に立たない場合は、SKIP_PREFLIGHT_CHECK = trueをプロジェクトの.envファイルに追加します。とにかく続行する場合は、このプリフライトチェックを永久に無効にします。

追伸このメッセージは長いですが、上記の手順をお読みください:-)

npm ERR!コードELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start:react-scripts start npm ERR!終了ステータス1 npm ERR! npm ERR! [email protected]起動スクリプトで失敗しました。 npm ERR!これはおそらくnpmの問題ではありません。上記の追加のロギング出力が存在する可能性があります。

npm ERR!この実行の完全なログは、npm ERR!にあります。 /home/hanna/.npm/_logs/2018-10-02T10_39_06_361Z-debug.log

14
Hanna Kogut

この問題を解決するには、node-modulesフォルダーからwebpackとwebpack-dev-serverをアンインストールしてから、それらを異なるバージョンで再度インストールする必要がありました。

  1. Node-modulesフォルダーでcmdを開きますプロジェクトフォルダーの外

  2. Webpackおよびwebpack-dev-serverをアンインストールします。

    npm uninstall webpack
    npm uninstall webpack-dev-server
    
  3. node-modulesフォルダーとpackage-lock.jsonファイルをプロジェクトのフォルダーから削除します。

  4. ノードモジュールを再度開きます

    npm install [email protected]
    npm install [email protected]
    
  5. プロジェクトフォルダーでこのコマンドを使用します

    npm install
    

それは私のためにトリックをしました、それがあなたにも役立つことを願っています。

11
Pedro Junior

プロジェクトのルートディレクトリに.envファイルを作成し、ファイル内にこの行SKIP_PREFLIGHT_CHECK=trueを追加します。

その後、yarn startを実行してみてください。

5
Sanjeet kumar

今日も同様の問題がありました。次の手順で解決しました。

  1. npm ls webpack->を実行して、フォルダの外にWebpackをインストールしたことを確認します( "yours .../home/hanna/node_modules/webpack"のように)。
  2. 次に、cdをその場所(/ home/hanna/node_modules /)に入れ、npm install [email protected]を実行します。そうすれば、プロジェクトフォルダーと同じバージョンのWebpackを使用できます。

その後、npm startを実行すると正常に動作します。

3
zetriks

プロジェクトがCreate React Appを使用しているように見えるため、Webpackはおそらく既にpackage.jsonの依存関係です。したがって、インストールする簡単な方法は、プロジェクトディレクトリに移動し、ターミナルでnpm install(またはyarn install)と入力するだけです。

Webpack CLIを使用するとエラーが発生する場合は、おそらくグローバルに異なるバージョンがインストールされているためです。

グローバルにアンインストールするには、npm -g uninstall webpackと入力します。

3
Atav32

私が持っていた解決策の1つは、「ホーム」フォルダーに移動し、node_modulesフォルダーとpackage-lock.jsonファイルを削除することでした。

その後働いた。

2
altostraus

新しいバージョンのため、これは私のために働いた:

  1. プロジェクトフォルダーの外のnode_modulesフォルダーでターミナルウィンドウ(コマンドプロンプト)を開きます。

  2. webpackおよびwebpack-dev-serverをアンインストールします。

    npm uninstall webpack
    npm uninstall webpack-dev-server
    
  3. node_modulesフォルダーとプロジェクトのフォルダーからpackage-lock.jsonファイルを削除します。

  4. node_modulesをもう一度開きます

    npm install [email protected]
    npm install [email protected]
    
  5. プロジェクトフォルダーで次のコマンドを使用します。

    npm install
    
0
a_r_m

問題は、webpackバージョン4.20.2をインストールしたことです

以前のバージョンの「webpack」をインストールする必要があります:「4.19.1」 `

enter image description here

問題は、webpackバージョン4.20.2をインストールしたことです

以前のバージョンの「webpack」をインストールする必要があります:「4.19.1」 `..So

$npm uninstall -g webpack

そして

$npm install -g [email protected]

役立つことを願っています

0
Ralf Hema

Webpackパッケージをグローバルにインストールしていると、このようなエラーが発生する可能性があります。グローバルに削除すると、問題が解決する場合があります。それが私がここでやったことであり、うまくいきます。

0

ノードモジュールフォルダ全体をアンインストールする方法が見つかりませんでした。唯一の方法は、コマンドラインを使用してファイル全体を削除することです

rm -rf node_modules
0
Rida

私は同じ問題に遭遇しました:

Node-modulesフォルダーとpackage-lock.jsonファイルを削除しますダウンロードしてインストールしたnode.js npm install [email protected] npm install [email protected]

Package.jsonからbabel-eslintエントリを削除します

プロジェクトフォルダーnpm installでこのコマンドを使用します

次に、ヤーンスタートまたはnpmスタート

これは私の問題を修正しました

0
dragonfly