node.js - react : npm start - windows cannot find localhost

Question

我正在尝试遵循基本 react-build-app 的教程。

环境

我在 Windows 10 上使用 Ubuntu。

Node 版本:v13.3.0

NPM 版本:6.13.1

到目前为止，我做到了，

npm install -g create-react-app

create-react-app 计算器

cd计算器

npm 开始

问题

当我运行 npm start 时，我从 Windows 弹出对话框说，Windows 找不到“\https://localhost:3000/\”。确保您输入的名称正确，然后重试。 Here is a screenshot of the error

但是，在 cli 中，我看到了

 Local:            http://localhost:3000/
 On Your Network:  http://192.168.56.1:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.```

但是当我打开浏览器并转到 http://localhost:3000/ 时，我只看到一个空白页面，而不是正常的 React Logo 。

预期输出

我应该在转到 http://localhost:3000/ 时看到 React Logo , 而不是接收和错误。

尝试

• 更新了 nodejs 和 npm。
• 使用 package.json 更改了端口。也试过使用 .env 文件更改端口。同样的错误。
• 卸载并重新安装 ubuntu 18.04 LTS，并使用 NVM 安装 nodejs 和 npm。

解决方法我厌倦了在 linux 上一个接一个地修复错误，所以我只是在 windows 上设置 npm 和 nodejs。在 windows cli 上运行 create-react-app，它第一次运行。告诉我其他东西正在监听我试图打开的端口，所以提示我更改端口。我说是。现在我得到了我正在寻找的着陆页。

我对此很陌生，几天来一直在努力解决这个问题，如果有任何建议，我将不胜感激。谢谢。

Answer 1

这是一个与 react-scripts 的依赖项之一有关的 WSL 特定问题，更具体地说 open版本 7.0.0 .

要解决，您可以:

• 切换到react-scripts 3.2.0在你的 package.json 中，或者
• 运行npm start来自 WSL 以外的其他东西(例如 Powershell)，或者
• 等待open和 react解决问题

React 脚本中的错误报告:
https://github.com/facebook/create-react-app/issues/8081

以及对应的bug报告在open:
https://github.com/sindresorhus/open/issues/154