{"action":"created","issue":{"url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/590","repository_url":"https://api.github.com/repos/mxstbr/react-boilerplate","labels_url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/590/labels{/name}","comments_url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/590/comments","events_url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/590/events","html_url":"https://github.com/mxstbr/react-boilerplate/issues/590","id":161538411,"number":590,"title":"Caching and HMR problems from base project","user":{"login":"a-type","id":2829772,"avatar_url":"https://avatars.githubusercontent.com/u/2829772?v=3","gravatar_id":"","url":"https://api.github.com/users/a-type","html_url":"https://github.com/a-type","followers_url":"https://api.github.com/users/a-type/followers","following_url":"https://api.github.com/users/a-type/following{/other_user}","gists_url":"https://api.github.com/users/a-type/gists{/gist_id}","starred_url":"https://api.github.com/users/a-type/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/a-type/subscriptions","organizations_url":"https://api.github.com/users/a-type/orgs","repos_url":"https://api.github.com/users/a-type/repos","events_url":"https://api.github.com/users/a-type/events{/privacy}","received_events_url":"https://api.github.com/users/a-type/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-06-21T21:01:14Z","updated_at":"2016-06-22T20:29:19Z","closed_at":null,"body":"I've been trying to start a new project based off this boilerplate since it incorporates a lot of technologies I'm interested in learning, like CSS modules and redux-saga. However, I'm having some issues out of the gate. To clarify: I'm reproducing this locally by cloning the latest version of the repo to date, running `npm run setup`, and `npm start`.\r\n\r\n**webpack dev middleware doesn't seem to want to load `common.js`**\r\n\r\nI get the feeling this is an error in my local environment somewhere, but it's worth mentioning to see if anyone has a solution. When I start the server and load up `localhost:3000`, I get an `Unexpected token <` error on `common.js`. Looking at the network tab, I see that `common.js` was a `200` (not cached, presumably), but did indeed serve up HTML. It's not quite the same as the page itself; it includes another `data-dll` script, `reactBoilerplateDeps.dll.js`, which I'm not sure of the purpose of. I also notice in the network tab that the page was loaded from a `ServiceWorker`... I've never seen that behavior before.\r\n\r\nI can resolve this issue by performing a 'Hard Reload' (I already have cache disabled in dev tools; this seems to make no difference and no requests appear to be cached).\r\n\r\nI just checked, this happens specifically in Chrome (not FF). Could be a Chrome bug? I'm running Ubuntu 16.04 LTS, Chrome 51.0.2704.103.\r\n\r\n**HMR does not work correctly**\r\n\r\nThis is the more disruptive issue, although it's possible it's related to the first one. HMR doesn't seem to work at all. If I change any JSX or CSS, I get the same webpack error, `[HMR] The following modules couldn't be hot updated: (Full reload needed) This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves ...`.\r\n\r\nHMR appears to not work in either FF or Chrome, same messages.\r\n\r\nSide note in hope that it may be of use: `sw.js` fails to load with `ERR_INSECURE_RESPONSE` consistently after a few seconds each time. I also get an `offline-plugin` warning, but I assume this is intentional since the `OfflinePlugin` isn't loaded in the dev webpack config.\r\n\r\nLet me know if the details aren't clear enough."},"comment":{"url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/comments/227866782","html_url":"https://github.com/mxstbr/react-boilerplate/issues/590#issuecomment-227866782","issue_url":"https://api.github.com/repos/mxstbr/react-boilerplate/issues/590","id":227866782,"user":{"login":"gihrig","id":1481063,"avatar_url":"https://avatars.githubusercontent.com/u/1481063?v=3","gravatar_id":"","url":"https://api.github.com/users/gihrig","html_url":"https://github.com/gihrig","followers_url":"https://api.github.com/users/gihrig/followers","following_url":"https://api.github.com/users/gihrig/following{/other_user}","gists_url":"https://api.github.com/users/gihrig/gists{/gist_id}","starred_url":"https://api.github.com/users/gihrig/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gihrig/subscriptions","organizations_url":"https://api.github.com/users/gihrig/orgs","repos_url":"https://api.github.com/users/gihrig/repos","events_url":"https://api.github.com/users/gihrig/events{/privacy}","received_events_url":"https://api.github.com/users/gihrig/received_events","type":"User","site_admin":false},"created_at":"2016-06-22T20:29:19Z","updated_at":"2016-06-22T20:29:19Z","body":"> HMR appears to not work in either FF or Chrome, same messages.\r\n\r\n@a-type here's something else to try in case you haven't. My experience with 'quirky HMR' is related to the project's offline-first configuration. This gets established when you load the page in production mode `npm start:production`, and to some degree even in development mode. As far as I can tell this data is never removed. I was even able to shutdown the server and access the app, just as advertized.\r\n\r\nTo clear cached data out of Chrome (51 Mac OS):\r\n1. Open developer tools\r\n2. Select `Resources`\r\n3. Select and clear all data under `Session Storage`, `Application Cache`, `Cache Storage` and `Service Workers`\r\n4. Close the tab (don't know why but it seems to be necessary sometimes)\r\n5. Open `localhost:3000`\r\n\r\nI don't use Firefox much, but for me, HMR has always worked as expected in FF."}}
{"actor":{"display_login":"gihrig"}}