反応や他のパッケージを正常に管理するにはどうすればよいですか？

Question

背景

package.jsonファイルの新規インストールを行うために、AirBnB lintingを動作させようとしていて、npmパッケージをアンインストールすることにしました。私は

やった

私はbashのコマンドを実行します。その後

npm uninstall `ls -1 node_modules | tr '/\n' ' '` 

、私はNPMは、右のディレクトリにインストールするだけでは、コードベースの標準的なインストール手順を、続きます。私はそれが正しいと確信しています。

to be executed: nodemon --exec babel-node bin/server --no_debug 
[nodemon] 1.11.0 
[nodemon] to restart at any time, enter `rs` 
[nodemon] watching: *.* 
[nodemon] starting `babel-node bin/server --no_debug` 
    app:config Creating default configuration. +0ms 
    app:config Looking for environment overrides for NODE_ENV "development". +105ms 
    app:config Found overrides, applying to default configuration. +6ms 
    app:webpack:config Create configuration. +727ms 
    app:webpack:config Enable plugins for live development (HMR, NoErrors). +1ms 
    app:server:webpack-dev Enable webpack dev middleware. +385ms 
    app:server:webpack-hmr Enable Webpack Hot Module Replacement (HMR). +38ms 
    app:bin:server Server is now running at http://172.20.10.2:3000. +9ms 
    app:bin:server Server accessible via localhost:3000 if you are using the project defaults. +0ms 
webpack built b6bb9c1f12e4a68bce6a in 9735ms 
Hash: b6bb9c1f12e4a68bce6a 
Version: webpack 1.13.3 
Time: 9735ms 
          Asset  Size Chunks  Chunk Names 
     app.b6bb9c1f12e4a68bce6a.js 1.9 MB  0  app 
    vendor.b6bb9c1f12e4a68bce6a.js 664 kB  1  vendor 
    app.b6bb9c1f12e4a68bce6a.js.map 2.23 MB  0  app 
vendor.b6bb9c1f12e4a68bce6a.js.map 808 kB  1  vendor 

ERROR in ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMUnknownPropertyHook.js 15:29-72 

ERROR in ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMNullInputValuePropHook.js 13:29-72 

ERROR in ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 14:29-72 

ERROR in ./~/react-dom/lib/ReactDebugTool.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactDebugTool.js 16:29-72 

ERROR in ./~/react-dom/lib/ReactChildReconciler.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/ReactChildReconciler.js 29:27-70 37:31-74 

ERROR in ./~/react-dom/lib/flattenChildren.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/flattenChildren.js 26:27-70 42:33-76 

ERROR in ./~/react-dom/lib/checkReactTypeSpec.js 
Module not found: Error: Cannot resolve module 'react/lib/ReactComponentTreeHook' in /Users/pedrofigueiredo/Documents/hs/src/healthsite/react/frontend/node_modules/react-dom/lib 
@ ./~/react-dom/lib/checkReactTypeSpec.js 29:27-70 71:37-80 
webpack: bundle is now VALID. 

反応したバージョンに関連しているようだが、私は見つける：実行している私のWebPACKはnpm startすべてがうまくいった設定すると、予想外に、私は次のエラーを得たまで、

何が起こった

私のpackage.jsonファイルで何も変更しなかったので、信じがたいです。私はこの問題を解決するにはどうすればよい

"dependencies": { 

    [...] 

    "react": "15.0.1", 
    "react-dom": "^15.0.0", 
    "react-redux": "^4.0.0", 
    "react-router": "^2.2.0", 
    "react-router-redux": "^4.0.0", 

：

ここで参照するための関連部分ですか？

Answer 1

NPMの代わりにyarnを使用することを検討してください。糸はyarn.lockファイルを作成することによって確定的なインストールを提供します。これにより、異なる時間に異なるマシンにインストールされたdepsがすべてnpm install --save-exact fooのような同じバージョンに解決されます。

yarn（yarn installの略語）は、npmの問題を解決するための最初のステップであるrm -rf node_modules && npm installに相当します。@ Yan Maleksiが提案したとおりです。

Yanはnpmとインストールの競合も異なるため、どの依存関係が問題か分かりやすくなります。あなたのケースでは、 'react/hot/loadComponentTreeHook'モジュールを解決できませんでしたが、反応ホットローダーが問題になるかもしれないと示唆していますが、依存関係のリスト全体と関連するインストールエラーを見ることはありません。