reactjs - 默认 React 组件未呈现 (Create-React-App)

问题描述

更新：这个问题已经通过简单地使用不同的浏览器来解决。我最初使用的是 Microsoft Edge，因为那是 NPM Start 自动打开的。出于某种原因，手动将 localhost:3000/ 粘贴到 Chrome 中时，它似乎可以正常工作。

我是 React 的新手，我正在尝试建立一个基本的测试项目。我一直在关注一些教程，尤其是这个https://www.youtube.com/watch?v=sBws8MSXN7A 我的问题是，由于某种原因，当我尝试测试基本样板时，我没有看到任何基本的零件。据我了解，应该只是一个基本的徽标，但我的页面完全是空白的。我不知道什么代码与发布相关，因为我很新，所以如果您认为某些内容可能会有所帮助，请告诉我您想要什么。

这是我所做的：

在 Windows Powershell 中，我运行了 npx create-react-app todolist

这在名为 todolist 的文件夹中创建了一个新的 react 应用程序。

我使用 cd 命令进入了 Powershell 中的 todolist 文件夹。

从这里我运行 npm start

这在 localhost:3000/ 处打开了一个新的 microsoft edge 窗口，它在选项卡上有 React App 的标题，但页面上没有内容。

据我了解，这里应该有一个标志。

我打开控制台，它说：

HTML1300：发生导航。本地主机：3000 (1,1)

[HMR] 等待来自 WDS 的更新信号...

SCRIPT5022：SCRIPT5022：语法错误 0.chunk.js (3857,1)

我不知道这是否相关，但我不妨添加它。

对此的任何帮助将不胜感激。我已经在谷歌上搜索了一个多小时，无法弄清楚发生了什么。

标签： reactjs

删除你的node_modules文件夹
更新你的package.json

"development": [
  "last 1 chrome version",
  "last 1 firefox version",
  "last 1 safari version",
  "ie 11" // <-- add this
]

跑npm i

reactjs - 默认 React 组件未呈现 (Create-React-App)

问题描述

解决方案

推荐阅读