『電卓アプリで学ぶReact/Redux入門(実装編)』をやって詰まったところ

開発環境は、Windows 10 Pro(64bit) + node 10.15.0 + npm 6.4.1。

下記のReact/Reduxの実装編をやっていて、途中で詰まったところをメモしておく。

電卓アプリで学ぶReact/Redux入門(基礎知識編)
https://qiita.com/nishina555/items/affcb3684e67cd0ee897
電卓アプリで学ぶReact/Redux入門(実装編)
https://qiita.com/nishina555/items/9ff744a897af8ed1679b

全部のコードを書いて、実行してみると、以下のようなエラーが表示された。

../node_modules/react-redux/es/components/Provider.js
Module not found: Can't resolve 'react' in 'c:\react_test\node_modules\react-redux\es\components'

そこで、node_modulesディレクトリを確認すると、react-reduxが入っていない状態だったので、

npm install react-redux

と入力したら、以下の警告メッセージが出現した。

npm WARN react-redux@6.0.1 requires a peer of react@^16.4.0-0 but none is installed. You must install peer dependencies yourself.

なので、以下のコマンドを続けて入力する

npm install react@^16.4.0
npm install react-redux@6.0.1

npm list

で、インストールしたパッケージのリストを見ると、react-reduxが入っている。そして、1回別のディレクトリへ移動してから、もう一度、node_modulesディレクトリへ戻ると入っていた。

パッケージをインストールしたので、すでに、組み込みサーバーを立ち上げていたら、一度、停止してから、再び、

npm start

をすると、うまく動作した。