“无法访问此页面” npm start答案

【问题标题】："Cannot reach this page" npm start“无法访问此页面” npm start
【发布时间】：2020-07-16 15:44:02
【问题描述】：

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

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

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

我无法怀疑我当前的项目设置，因为在此问题突然出现之前，它运行良好。请看项目-codesandbox

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：