After updating to 0.6.0, Error: Cannot find module 'react-dev-utils/webpackHotDevClient'

[pbeshai]

It seems create-react-app is updating very frequently right now, but there's no guidance in how to keep an app you created with create-react-app up to date. It seems one way may be to update react-scripts via something like:

npm install --save-dev react-scripts@latest

But without any official documentation, it's not clear if this is entirely sufficient. I just tried doing that from 0.5.1 to 0.6.0 and I got an error:

pbeshai: ~/Workspace/my-project $ npm start

> my-project@0.1.0 start /Users/pbeshai/Workspace/my-project
> react-scripts start

module.js:442
    throw err;
    ^

Error: Cannot find module 'react-dev-utils/webpackHotDevClient'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.resolve (internal/module.js:27:19)
    at Object.<anonymous> (/Users/pbeshai/Workspace/my-project/node_modules/react-scripts/config/webpack.config.dev.js:56:13)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/pbeshai/Workspace/my-project/node_modules/react-scripts/scripts/start.js:31:14)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)

This error is resolved by running:

npm install --save-dev react-dev-utils

[gaearon]

but there's no guidance in how to keep an app you created with create-react-app up to date.

Isn’t it the very first section in the User Guide? It’s linked from main README, too.

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#updating-to-new-releases

[pbeshai]

Wow somehow I missed that last night.

[gaearon]

As described in user guide, you’d need to look at the changelog and apply changes one by one.

This error is resolved by running:
npm install --save-dev react-dev-utils

This looks like a bug, thanks for noting. Let me look at it.

[pbeshai]

I think the problem was that I just Cmd+F'd "update" on the README and found nothing. It's actually very well documented there in the user guide.

[gaearon]

Added in cc97ed5.

[gaearon]

What is your npm version?

[pbeshai]

npm: 3.9.3
node: 6.2.1
Mac OS X 10.11.5

[gaearon]

react-scripts@0.6.0 includes react-dev-utils@^0.2.0 as a devDependency:
https://unpkg.com/react-scripts@0.6.0/package.json

react-dev-utils@0.2.0 includes that file:
https://unpkg.com/react-dev-utils@0.2.0/webpackHotDevClient.js

So my only guess is it’s some kind of an npm issue out of our control. You might want to update npm to latest (npm i -g npm@next) and maybe try deleting node_modules and running npm install again.

You shouldn’t have to need to npm install --save-dev react-dev-utils manually as that’s a dependency of react-scripts itself.

[gaearon]

Let’s leave this open. I can’t reproduce this with npm@3.10.8, but if more people report it, I can take another look.

[pbeshai]

Thanks, yea if I check the package.json in node_modules/react-scripts it clearly lists react-dev-utils under bundleDependencies. I'll try to reproduce with updated npm.

[gaearon]

With npm@3.10.8, when I run npm i --save-dev react-scripts@latest, my output looks like this:

If this is not what you see, could you please paste your output?

[pbeshai]

Here's what I did:

1. npm install react-scripts@0.5.1
2. npm install react-scripts@0.6.0

And I get the react-dev-utils error still.

Error: Cannot find module 'react-dev-utils/webpackHotDevClient'

[pbeshai]

When it installs it in a fresh app instead of updating it works. (e.g.create-react-app my-app installs it correctly)