时间戳

首页 > 解决方案 > 为什么我的反应应用程序在 npm 启动后永远加载？

reactjs - 为什么我的反应应用程序在 npm 启动后永远加载？

问题描述

当我在 VScode 终端中通过“npm start”命令启动一个反应应用程序时，它开始在浏览器上永久加载。我对此完全陌生，所以我不知道什么地方会出错。我读过这可能是因为代码错误所以我删除了所有导致“编译时出现警告”的东西，但即使现在终端显示“编译成功”，也没有任何改变。在浏览器中，它卡在加载中...

请注意，开发版本未优化。要创建产品构建，请使用 npm run build。

它与问题有关吗？期待更好地了解正在发生的事情。谢谢！

更新：所以我通过 vscode 中的实时服务器扩展加载了一个 index.html 文件并打开了开发人员工具，我看到了一堆问题，这些问题都是指初始 htmls 代码开头的语法错误：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />

这就是我在开发工具上看到的：

开发工具错误

另外，我在 git bash 中尝试了“git status”，我看到“没有添加到提交，但存在未跟踪的文件（使用“git add”来跟踪）”，它列出了我的用户文件夹中的所有文件。

重要提示：之前一切都很好，在运行 git status 之后，我从来没有在 bash 中看到所有这些文件夹。另外，我什至能够渲染 React 应用程序。

标签： reactjsnpm-start

解决方案

我不小心删除了 package.json。恢复它解决了我的问题。

推荐阅读