🐛 bug report

HMR for CSS doesn’t refresh on subsequent entry pages and can also throw an error.

🎛 Configuration (.babelrc, package.json, cli command)

I created a repository to reproduce the error: https://github.com/gregorybolkenstijn/parcel-issue-hmr Steps to reproduce the issue:

1. Clone the repository and run yarn
2. Run yarn start
3. In main.scss change the h1 background color to something else like blue.
4. The h1 background color gets refreshed via HMR
5. Navigate to index2.html
6. In main.scss change the h1 background color to something else like orange.
7. No visible changes, you have to reload to see the changes

I’ve noticed changes in HTML and JS do show, only CSS changes don’t. I’ve seen that CSS HMR only works on the first file Parcel encounters. If you run yarn start-glob, you’ll notice the CSS changes only show on home.html, not index.html or index2.html. Probably because home.html comes first alphabetically.

I have this problem as well in a more complex project with PostHTML and PostCSS transforms. The same setup is throwing an error instead of not refreshing the CSS:

app.ef966a9d.js:39 Uncaught Error: Cannot find module '../../../node_modules/parcel-bundler/src/builtins/css-loader.js'
    at newRequire (app.ef966a9d.js:39)
    at newRequire (app.ef966a9d.js:23)
    at localRequire (app.ef966a9d.js:54)
    at Object.eval (eval at hmrApply (app.js:1), <anonymous>:4:17)
    at newRequire (app.ef966a9d.js:48)
    at hmrAccept (app.js:1)
    at app.js:1
    at Array.forEach (<anonymous>)
    at WebSocket.ws.onmessage (app.js:1)

🤔 Expected Behavior

Hot reloading works on all pages for all HTML, CSS/SCSS and JS changes.

😯 Current Behavior

Doesn’t refresh on subsequent pages for CSS/SCSS changes.

💻 Code Sample

https://github.com/gregorybolkenstijn/parcel-issue-hmr

🌍 Your Environment

Software	Version(s)
Parcel	1.9.7
Node	10.8.0
npm/Yarn	6.2.0 / 1.9.2
Operating System	6.2.0 / 1.9.2