反应:npm start - windows 找不到本地主机

iam*_*dev 7 ubuntu localhost node.js npm reactjs

我正在尝试遵循基本的 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 弹出对话框说,Windows cannot find '\https://localhost:3000/\'. Make sure you typed the name correctly, and then try again. 这是错误的屏幕截图

但是,在 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.```
Run Code Online (Sandbox Code Playgroud)

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

预期产出

转到http://localhost:3000/ 时,我应该看到反应徽标,而不是接收和错误。

尝试

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

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

我对此很陌生,并且已经尝试解决这个问题几天了,我将不胜感激。谢谢你。

MW.*_*MW. 10

这是 WSL 特定问题,具有 的依赖项之一react-scripts,更具体地说是openversion 7.0.0

要解决,您可以:

  • 切换到react-scripts 3.2.0你的 package.json,或者
  • npm start从 WSL 以外的其他东西运行(例如 Powershell),或
  • 等待openreact解决问题

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

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