反应：npm start - windows 找不到本地主机答案

【问题标题】：React: npm start - windows cannot find localhost反应：npm start - windows 找不到本地主机
【发布时间】：2020-04-03 21:35:41
【问题描述】：

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

环境

我在 Windows 10 上使用 Ubuntu。

节点版本：v13.3.0

NPM 版本：6.13.1

到目前为止，我做到了，

npm install -g create-react-app

create-react-app calculator

cd calculator

npm start

问题

当我运行 npm start 时，我从窗口弹出对话框，说 Windows cannot find '\https://localhost:3000/\'. Make sure you typed the name correctly, and then try again. 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 徽标。

预期输出

去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 并且它第一次工作。告诉我其他东西正在我试图打开的端口上监听，所以提示我更改端口。我说是。现在我得到了我正在寻找的目标网页。

我对此很陌生，几天来一直在尝试解决这个问题，我将不胜感激。谢谢你。

【问题讨论】：

您的意思是添加那些额外的斜线吗？ http://localhost:3000/ 应该可以在您的浏览器中使用
我可以成功访问localhost:3000。但是，我没有看到在简单的 create-react-app my-app 之后我们应该看到的 react 徽标。您看到的多余斜线是 Windows 错误显示的内容。
我在更新到 react-scripts 3.3.0 后看到了同样的问题

标签： node.js reactjs ubuntu npm localhost

【解决方案1】：

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

要解决，您可以：

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

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

以及打开的相应错误报告：
https://github.com/sindresorhus/open/issues/154

【讨论】：

npm uninstall react-scripts --save && npm install react-scripts@3.2.0 --save

【解决方案2】：

根据 open 中的错误报告中的这篇文章，罪魁祸首是 node_modules/open 中 index.js 的第 76 和 77 行。如果您将它们注释掉，那么它可以正常工作。

评论链接： https://github.com/sindresorhus/open/issues/154#issuecomment-562509596

【讨论】：