React：在 localhost:3000 处等待

Question

我一直在尝试实现电子并一起反应，如下package.json

  {
"name": "loader",
"version": "0.1.0",
"private": true,
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.3.0",
  "@testing-library/user-event": "^13.5.0",
  "cross-env": "^7.0.3",
  "electron-is-dev": "^2.0.0",
  "react": "^18.2.0",
  "react-countup": "^6.3.1",
  "react-dom": "^18.2.0",
  "react-icons": "^4.4.0",
  "react-idle-timer": "^5.4.2",
  "react-loader-spinner": "^5.3.3",
  "react-rnd": "^10.3.7",
  "react-router-dom": "^6.4.0",
  "react-scripts": "5.0.1",
  "react-spring": "^9.5.3",
  "styled-components": "^5.3.5",
  "web-vitals": "^2.1.4"
},
"main": "public/main.js",
"homepage": "./",
"scripts": {
  "react-start": "react-scripts start",
  "react-build": "react-scripts build",
  "react-test": "react-scripts test --env=jsdom",
  "react-eject": "react-scripts eject",
  "electron-build": "electron-builder",
  "release": "yarn react-build && electron-builder --publish=always",
  "build": "yarn react-build && yarn electron-build",
  "start": "concurrently \"cross-env BROWSER=none yarn react-start\" \"wait-on http://localhost:3000/ && electron .\""
},
"eslintConfig": {
  "extends": [
    "react-app",
    "react-app/jest"
  ]
},
"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version"
  ]
},
"devDependencies": {
  "concurrently": "^7.5.0",
  "electron": "^21.2.3",
  "electron-builder": "^23.6.0",
  "wait-on": "^6.0.1"
}
}

很明显，并发用于同时运行所有命令。现在，当我这样做时yarn start，所有命令都会与 一起执行react-start，但即使在反应可用后也http://localhost:3000不会wait-on进一步执行并被卡住，最终电子永远不会启动。如果没有进行测试，wait-on那么所有命令都可以与电子一起很好地执行。

有人可以指导一下吗？

Answer 1

我遇到过同样的问题。我所需要做的就是将其从 更改wait-on http://localhost:3000为wait-on http://127.0.0.1:3000。

希望有帮助！