ReactJS组件修改内容后编译正常 重载页面未加载更新内容如何解决

你提供的PageNotFound组件代码语法不存在问题，不会导致渲染失效，修改后页面不更新可按照以下步骤排查：

• 确认组件是否被正确渲染：在你修改的PageNotFound组件的render方法第一行加入console.log('PageNotFound组件渲染')，刷新页面后打开控制台查看是否有对应日志输出。如果没有输出，说明当前路由匹配到的404组件不是你修改的这个文件，去检查路由配置中404页面对应的组件引入路径是否正确。
• 排查浏览器缓存问题：静态资源被浏览器缓存会导致加载到旧版本代码，你可以按下Ctrl+Shift+R（Windows）或Command+Shift+R（Mac）强制刷新跳过缓存加载资源；如果是生产环境部署，检查打包配置是否为js/css资源添加了哈希后缀，避免浏览器长期缓存旧资源。
• 修复开发服务缓存问题：如果是本地开发环境出现该问题，先停止当前运行的开发服务，删除项目下的node_modules/.cache目录，再重新执行启动命令即可，大部分情况是开发工具的缓存产物未更新导致修改不生效。
• 确认修改的文件路径正确：检查你修改的是否是src目录下的源码文件，不要直接修改dist、build等构建产物目录下的文件，这类目录的文件每次构建都会被覆盖，开发服务也不会监听这类目录的变更。

内容的提问来源于stack exchange，提问作者Adarsh Mamgain