"Cannot reach this page" npm 开始

Question

在我运行 npm start 最后一次在浏览器中查看我的网页之前，一切都运行良好。我开始反复遇到的问题是-

首先，显示 “正在启动开发服务器” 需要 2 分钟多，然后在花费相同的时间后，我只看到 “无法访问此页面”。这还不是全部。我的整个系统挂在那里。我无能为力。连鼠标都不动

我重新设置 create-react-app 三次，但结果相同。然后我在我系统上的其他项目之一上尝试 npm start，它工作正常。

我不能怀疑我当前的项目设置，因为在这个问题突然出现之前它运行良好。请查看项目- codesandbox

Answer 1

您的问题在于 Downloads-Section.scss 那里存在无限循环，因为 $i 永远不会递增。这会导致无限长的 css 文件编译，进而使用过多的内存导致系统关闭。

最简单的解决方法是改用 for，因为这样可以减少再次发生这种情况的可能性：

        @for $i from 1 through 4 {
            .card#{$i} {
                grid-area: card#{$i};
            }
        }

"Cannot reach this page" npm start