Question

更新：只需使用其他浏览器即可解决此问题。我最初使用的是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：SyntaxError 0.chunk.js（3857,1）

我不知道这是否相关，但我也可以添加它。

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

Answer 1

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

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

运行npm i

默认React组件未呈现（Create-React-App）

1 个答案: