iRath96/electron-react-typescript-boilerplate

Hot loading not working

Closed this issue · 4 comments

When making changes to the Home app\components\Home.tsx component (change text from Home to Home1234), the UI doesn't get updated.
Note, the same thing (hot loading) works in the standard React repo (using plain javascript).

@DonJayamanne Thanks for reporting this. Let me know if my fix solves this problem for you!

Hot reload still not working for .ts files;

[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. See http://webpack.github.io/docs/hot-module-replacement-with-webpack.html for more details.
logUpdates @ process-update.js:81
applyCallback @ process-update.js:49
hotApply @ bootstrap cb95e1a…:531
cb @ process-update.js:52
hotUpdateDownloaded @ bootstrap cb95e1a…:311
hotAddUpdateChunk @ bootstrap cb95e1a…:283
webpackHotUpdateCallback @ bootstrap cb95e1a…:4
(anonymous) @ 0.f6e7942….hot-update.js:1
process-update.js:89 [HMR]  - ./app/containers/HomePage.tsx
(anonymous) @ process-update.js:89
logUpdates @ process-update.js:88
applyCallback @ process-update.js:49
hotApply @ bootstrap cb95e1a…:531
cb @ process-update.js:52
hotUpdateDownloaded @ bootstrap cb95e1a…:311
hotAddUpdateChunk @ bootstrap cb95e1a…:283
webpackHotUpdateCallback @ bootstrap cb95e1a…:4
(anonymous) @ 0.f6e7942….hot-update.js:1
process-update.js:89 [HMR]  - ./app/components/Home.tsx

I just replaced ts-loader with react-hot-loader & awesome-typescript-loader and its works like a charm.
BTW thank you for such a great repo @iRath96

Thanks for letting me know 👍 I've added react-hot-loader as well now.