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"
}
}

很明显，concurrent是用来同时运行所有的命令。现在当我做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。

希望有帮助!