React-router-redux "Module Not Found" Even after clean install

Version

5.0.0-alpha.6

Steps to reproduce

I’m trying to upgrade to the new version of React Router.

I installed the latest version of react-router-redux. Here is my package.json:

{
  "name": "web_client",
  "version": "0.1.0",
  "private": true,
  "homepage": "http://app.usefeed.me",
  "devDependencies": {
    "react-scripts": "^0.9.0",
    "redux-devtools-extension": "^2.13.2"
  },
  "dependencies": {
    "babel-polyfill": "^6.23.0",
    "classnames": "^2.2.5",
    "crypto": "0.0.3",
    "dns": "^0.2.2",
    "history": "^4.6.1",
    "isomorphic-fetch": "^2.2.1",
    "jsonwebtoken": "^7.4.1",
    "jws": "^3.1.4",
    "jwt-simple": "^0.5.1",
    "prop-types": "^15.5.10",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-redux": "^5.0.5",
    "react-redux-form": "^1.12.0",
    "react-router-dom": "^4.1.1",
    "react-router-redux": "^5.0.0-alpha.6",
    "redux": "^3.6.0",
    "redux-logger": "^2.10.2",
    "redux-saga": "^0.14.8",
    "semantic-ui-css": "^2.2.10",
    "semantic-ui-react": "^0.67.2",
    "validator": "^7.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

and entry point for my app:

import 'babel-polyfill'
import React from 'react'
import ReactDOM from 'react-dom'
import { combineReducers, createStore, applyMiddleware, } from 'redux'
import { Provider } from 'react-redux'
import { Route, } from 'react-router-dom'
import createHistory from 'history/createBrowserHistory';
import { 
  ConnectedRouter,
  routerReducer,
  routerMiddleware as createRouterMiddleware,
} from 'react-router-redux'

import createLogger from 'redux-logger'
import createSagaMiddleware from 'redux-saga'  
import { composeWithDevTools } from 'redux-devtools-extension';

import reducers from './reducers/'
import IndexSagas from './index-sagas'
import App from './containers/App'

const history = createHistory()
const sagaMiddleware = createSagaMiddleware()
const loggerMiddleware = createLogger()
const routerMiddleware = createRouterMiddleware(history)

/* eslint-disable no-underscore-dangle */
const store = createStore(
  combineReducers({
    ...reducers,
    router: routerReducer,
  }),
  composeWithDevTools(
    applyMiddleware(
      sagaMiddleware,
      routerMiddleware,
      loggerMiddleware, 
    )
  ),
)
/* eslint-enable */

sagaMiddleware.run(IndexSagas)

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Route path="/" component={App} />
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);

Expected Behavior

I thought this would work, as it is very similar to the example in the repo’s Readme.

Actual Behavior

However, I get these error messages in webpack:

Uncaught Error: Cannot find module "react-router-redux"

Module not found: [CaseSensitivePathsPlugin] /Users/steven/feedme/web_client/node_modules/react-router-redux/lib/index.js does not match the corresponding path on disk - File does not exist.

This is after I removed node_modules and did a clean install.

Any suggestions here? Thanks.

[sonarforte]

@smilexu My best advice is to delete node_modules, reinstall them, upgrade create-react-app, and that should work-- if it doesn’t, maybe open a new issue because I’m not sure why that would happen.

[Altiano]

hi @sonarforte, could you five me example repo like your config (using saga etc) because I am going for it too.

But in my case, error is