React应用在Chrome浏览器中显示“Aw Snap!”而没有控制台错误。

Question

注意: 您可以在此处下载整个项目。 这基本上是一个遵循JSMastery的YouTube教程（此处）的练习项目。

症状

1. 它在Chrome浏览器中崩溃了
2. 它也在Microsoft Edge中发生了类似的崩溃。
3. 我在Chrome中使用另一个配置文件，结果相同。
4. 没有明显的编译错误。
5. 假期前它一直工作正常，在假期期间我甚至没有启动过它，回来后就无法工作了。
6. 它也在Firefox浏览器中崩溃了。

顺便提一下，Chrome已经更新到最新版本了：

此问题可能的原因：

1. 我在系统驱动器（我知道这没关系，但以防万一）中安装了英雄联盟
2. 我将nodeJS从F盘重新安装到C盘，即系统驱动器。 我之所以这样做是因为当我今天首次启动ReactApp时，它甚至无法使用npm，因为找不到“main”条目。 （我不理解那个错误，所以我重新安装了它。）
3. BIOS 系统开始警告我硬盘正在故障，每次重新启动计算机时都要求我按 f1 继续。

我在vs code中运行我的应用程序，这就是vs code中的控制台的外观：

- Shane Li

---

原来我的浏览器装了太多占用内存过大的插件扩展，即使没有使用它们也会消耗内存。重新启动电脑可以缓解问题，但是最好的方法是删除这些插件。我把这些插件移动到另一个专门在拥有更多内存的电脑上使用的配置文件中。 - Ray Foss

Answer 1

如果您来到这里是因为在寻找“为什么我的React应用程序出现Aw, snap错误”的答案，那么这篇文章可以帮助到您。

只需要一个小提示-在我的情况下，它发生的原因是因为在我的自定义组件中我使用了一个意外生成无限循环的函数 :)

所以，是的，这是一个内存问题。上面只是一个提示，您可以在代码中查找此类问题。

- Alena Levina

Answer 2

我遇到了这样的问题！无限循环！问题已解决！

const arr1 = [11, 4, 8, 2, 23, 55, 67, 66];

const filteredNims = (arr) => {
const arrEvenNum = [];
const arrOddNum = [];//created to solve the problem and replaced with arr

  for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 2 === 0) {
      arrRes.push(arr[i]);
    } else if (arr[i] % 2) {
      arr.push(arr[i]);//Here was proplem.Endless loop
    }
  }
  return arrRes;
};

console.log(filteredNims(arr1));

- Анатолий Бурдасов

Answer 3

我也遇到过这种情况，最终发现是我的一个组件中有语法错误导致的。

- cormacncheese

---

一个朋友告诉我可能是因为内存不足。当时我也遇到了驱动程序失败的问题。所以这可能是内存泄漏的一个很好的原因。 - Shane Li

Answer 4

来自文档：

修复“噢，崩溃了！”页面崩溃和其他页面加载错误 如果您看到“噢，崩溃了”错误或其他错误代码而不是网页，则Chrome无法正常加载。您可能还会看到页面加载缓慢或根本无法打开。

页面加载错误代码和问题 要解决错误，请尝试以下修复方法。

计算机AndroidiPhone和iPad 重新加载页面 通常，您可以重新加载页面以修复错误。

在左上角，单击重新加载。

如果这样没有效果... 步骤1：检查您的互联网连接 确保您的计算机连接到Wi-Fi或有线网络。

尝试重新加载带有错误的选项卡。

步骤2：清除缓存 Chrome可能存储了阻止页面加载的信息。

在隐身窗口中打开页面 在您的电脑上，打开Chrome。 在右上角，点击更多选项，然后选择新建隐身窗口。 在隐身窗口中，尝试打开该页面。如果可以打开，请清除缓存和Cookie。 清除缓存和Cookie 在右上角，点击更多选项，然后选择更多工具，再选择清除浏览数据。 在“时间范围”旁边，选择所有时间。 选择缓存的图像和文件以及Cookie和其他站点数据。取消选择其他类型的数据。 点击清除数据。 尝试重新加载出现错误的选项卡。 步骤3：关闭其他选项卡、扩展和应用程序 您的设备可能已经耗尽了内存，在运行应用程序、扩展和程序的同时无法加载网站。

释放内存： 关闭除显示错误消息的选项卡之外的所有选项卡。 退出正在运行的其他应用程序或程序，并暂停任何应用程序或文件下载。 从Chrome中卸载不必要的扩展。在右上角，点击更多选项，然后选择更多工具，再选择扩展。对于您不使用的扩展，点击删除。 尝试重新加载出现错误的选项卡。 仍然无法解决？ 步骤4：重新启动计算机 步骤5：更新Chrome 步骤6：检查是否存在不需要的软件

- MWO

---

嘿，谢谢你的回答。不幸的是，正如之前所述，我不认为这是浏览器的问题，因为我也在Edge浏览器上尝试过了。而且缓存只有20 MB，我的系统驱动器还有50 GB可用空间。我的RAM总共也有16 GB，在运行Chrome时还剩下9 GB。不过我稍后会尝试使用Firefox浏览器。 - Shane Li