如何在React App中更改默认端口并为其定义特定端口

时间:2019-05-25 18:24:48

标签: reactjs

反应应用程序获得了端口8080,该端口目前无法使用。

如何更改默认端口号。

这是运行命令npm start时显示的错误

**注意:可能是不同的问题 ,对发展有新的反应


events.js:183
      throw er; // Unhandled 'error' event
      ^

Error: listen EACCES 127.0.0.1:8080
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1350:19)
    at listenInCluster (net.js:1408:12)
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1517:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:97:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! redux-simple-starter@1.0.0 start: `node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the redux-simple-starter@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\harsha94\AppData\Roaming\npm-cache\_logs\2019-05-25T16_59_11_280Z-debug.log ```

3 个答案:

答案 0 :(得分:0)

  • 在package.json文件中添加以下行

    “脚本”:{“开始”:“ PORT = 5600 react-scripts start”,

  • npm install

  • npm开始

答案 1 :(得分:0)

好吧酷问到了问题“这是webpack.config.js中的端口冲突。”

我们可以通过使用以下特定端口{port:8006}向devServer添加端口来轻松更改。

    historyApiFallback: true,
    contentBase: './',
    port: 8006, // <--- Add this line and choose your own port number
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000
    } 

答案 2 :(得分:0)

从错误开始,更具体地说是以下行:npm ERR! redux-simple-starter@1.0.0 start: node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

您似乎没有使用create-react-app,而是(通过Google搜索)此仓库:https://github.com/StephenGrider/ReduxSimpleStarter

考虑package.json中的版本(例如,它正在使用"webpack": "^1.12.9",而当前版本是4.32.2)我建议您使用:https://facebook.github.io/create-react-app/代替...

但是,如果您坚持使用该回购协议,则可以将端口添加到webpack.config.js中,如下所示:

  devServer: {
    port: 9000 // add port here...
  }