localhost:3000 未呈现应用，旧 PWA 名称仍然可见
localhost:3000 not rendering app, old PWA name still visible
几周前，我使用 React 和一些 PWA 配置制作了一个 PWA（渐进式网络应用程序）。从那一刻起，当我尝试 运行 localhost:3000.
上的任何其他应用时，我给应用的名称仍然显示在顶部栏中
除此之外，在 localhost:3000 上的 运行ning 应用程序很长一段时间都没有问题，所以它没有打扰我。但是从上周开始，当我尝试在端口 3000 上启动我的 React 应用程序 (yarn start) 时，我的应用程序将不再呈现。
我想这可能与浏览器的缓存设置有关，所以我尝试在另一个浏览器中打开该应用程序，它突然起作用了。
请注意，名称现在已改回“React App”而不是 PWA 名称。因为它可以在其他浏览器上运行，所以我开始测试一些路由并尝试删除我通常使用的浏览器中的缓存。
我尝试向路由添加一些内容（例如：localhost:3000/test），这也将我重定向到正确的页面（从正确的应用程序）。
我的 PWA 运行 是在后台某处导致问题还是我没有正确设置某些浏览器配置？
可能是缓存，不可能运行两个应用程序同时在同一个端口下（至少在默认情况下）。
您应该设置缓存不应该在开发环境中工作以防止这种情况发生。
您可以在 Chrome 中尝试隐身或打开开发工具 => 右键单击刷新图标并 select“清空缓存并重新加载”。
也可以尝试在您的应用或浏览器开发工具中注销服务工作者。
解决此错误的一个好方法是 -
- 右键单击并按检查元素打开开发工具。
- 在开发工具下，转到“应用程序”选项卡。
- 在这里，在左侧，您会找到一个选项“Service Worker”。
- 点击它，然后从左侧按取消注册。
在此之后，您可以按“清空缓存和硬重新加载”，您的应用程序将正常运行。
几周前，我使用 React 和一些 PWA 配置制作了一个 PWA（渐进式网络应用程序）。从那一刻起，当我尝试 运行 localhost:3000.
上的任何其他应用时，我给应用的名称仍然显示在顶部栏中除此之外，在 localhost:3000 上的 运行ning 应用程序很长一段时间都没有问题，所以它没有打扰我。但是从上周开始，当我尝试在端口 3000 上启动我的 React 应用程序 (yarn start) 时，我的应用程序将不再呈现。
我想这可能与浏览器的缓存设置有关，所以我尝试在另一个浏览器中打开该应用程序，它突然起作用了。
请注意，名称现在已改回“React App”而不是 PWA 名称。因为它可以在其他浏览器上运行，所以我开始测试一些路由并尝试删除我通常使用的浏览器中的缓存。
我尝试向路由添加一些内容（例如：localhost:3000/test），这也将我重定向到正确的页面（从正确的应用程序）。
我的 PWA 运行 是在后台某处导致问题还是我没有正确设置某些浏览器配置？
可能是缓存，不可能运行两个应用程序同时在同一个端口下（至少在默认情况下）。
您应该设置缓存不应该在开发环境中工作以防止这种情况发生。
您可以在 Chrome 中尝试隐身或打开开发工具 => 右键单击刷新图标并 select“清空缓存并重新加载”。
也可以尝试在您的应用或浏览器开发工具中注销服务工作者。
解决此错误的一个好方法是 -
- 右键单击并按检查元素打开开发工具。
- 在开发工具下，转到“应用程序”选项卡。
- 在这里，在左侧，您会找到一个选项“Service Worker”。
- 点击它，然后从左侧按取消注册。
在此之后，您可以按“清空缓存和硬重新加载”，您的应用程序将正常运行。