Webpack /反应热重载重载整个页面？

Question

可能一直都在问这个问题，但是我在阳光下尝试了所有方法，却找不到解决方案。

我创建了一个回购协议，以便更轻松地获取帮助。您可以克隆它，运行npm install，然后npm start:dev在http：// localhost：8080上看到一个快速的本地服务器。

它可以正常工作，并且当我更改文件（例如src/components/Note/Note.css）时，应用程序会重新加载。但是，我只想重新加载组件，而不是整个页面。我不确定自己在做什么错。任何帮助将不胜感激！

Answer 1

要调试此类问题，请在Chrome DevTools控制台设置中启用“保留日志”，以在整个页面刷新期间保留控制台日志。

错误是：

Uncaught RangeError: Maximum call stack size exceeded

进行以下更改后，此问题已修复：

1. new webpack.HotModuleReplacementPlugin()从插件中删除（因为webpack-dev-server以开头--hot）

2. 还可以通过更新presets为.babelrc来选择退出babel transpiling ES6模块["react", ["env", { "modules": false }]]。

"modules": false告诉Babel不要编译导入/导出，并让webpack按照此处和此处的描述进行处理（检查步骤3.​​3.c）。