如何在 React JS 中通过静态服务器为应用程序提供服务时设置新端口

techie_questie

我有两个应用程序,我想在两个不同的端口上运行。我正在使用 webpack 将所有静态内容捆绑在一个 dist 文件夹中并运行静态服务器。静态服务器默认在 9080 上运行,第一个应用程序运行得非常好。但是,当我尝试运行第二个应用程序时,出现端口已在使用中的错误。所以我正在为另一个应用程序设置一个新的端口,以便它在该端口上提供服务。为此,我正在做类似下面的事情。在我的 package.json-

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --hot  --config webpack.prod.js",
    "build": "webpack --config webpack.prod.js",
    "start:prod": "set PORT=3006 && cd dist && static-server"
  }

我无法将端口设置为 3006,而是当我尝试在列表文件夹中运行 status-server 时,出现错误 -

* Shutting down server

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

Error: listen EADDRINUSE :::9080
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1351:14)
    at listenInCluster (net.js:1392:12)
    at Server.listen (net.js:1476:7)
    at StaticServer.start (/usr/local/lib/node_modules/static-server/server.js:114:58)
    at Object.<anonymous> (/usr/local/lib/node_modules/static-server/bin/static-server.js:48:8)
    at Module._compile (module.js:643:30)
    at Object.Module._extensions..js (module.js:654:10)
    at Module.load (module.js:556:32)

我也尝试在我的 webpack.config.js 中设置端口,但仍然遇到同样的问题。有人可以让我知道我做错了什么。

马修斯

您应该将端口作为参数而不是环境变量提供给您的进程,例如:

static-server -p 8080

设置环境变量的一些注意事项

如果您使用的是基于 UNIX 的操作系统链接 macOS 或 Linux,则有多种方法可以设置环境变量:

  1. 如果您只想为后一个命令设置变量,则应以这种方式使用它

    PORT=8080 npm run dev.

  2. 如果你想为整个终端会话设置变量,你应该这样设置

    $ set -a $ PORT=8080 & yarn run dev

  3. 您可以将它添加到您的~/.zshrc/~/.bashrc ~/.profile以使其始终在您的终端中:

    export PORT=8080

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

您如何在Node.js中为服务器应用程序构建测试?

来自分类Dev

如何在Apache服务器中运行Node.js应用程序

来自分类Dev

如何在不同的端口上为我的 http 服务器提供 Angular 应用程序

来自分类Dev

当应用程序位于服务器的子目录中时,如何设置ember.js以使用历史记录

来自分类Dev

当应用程序位于服务器的子目录中时,如何设置ember.js以使用历史记录

来自分类Dev

如何在Scala.js React.js应用程序中处理大型js文件?

来自分类Dev

如何在React js中插入数据

来自分类Dev

如何在React JS中渲染对象

来自分类Dev

如何在Express,React,Webpack,SSR应用程序中的客户端和服务器之间共享常量

来自分类Dev

当图像存储在node.js服务器上载文件夹中时,如何在角度应用程序中显示图像?

来自分类Dev

如何在使用docker的指定应用程序的服务器上查找css / js文件

来自分类Dev

如何在 Linux 服务器上部署 Node.js 和 MongoDB 应用程序

来自分类Dev

如何在Dart服务器Web应用程序中动态运行dart2js?

来自分类Dev

Facebook React.js:如何在服务器上呈现状态组件?

来自分类Dev

如何在 Scala REST API 服务器上运行 React.js

来自分类Dev

如何在Ubuntu中设置Node.js应用服务器

来自分类Dev

如何正确阻止Node.JS服务器应用程序中的IP地址?

来自分类Dev

如何在 React+Express 中直接从服务器提供静态 html 文件?

来自分类Dev

如何在同一服务器中使用节点 js 重定向以响应 js 应用程序?

来自分类Dev

如何在单页应用程序(React JS)中的 csv 文件中写入数据?

来自分类Dev

如何在React.js中将服务器端Json数据转换为react-google-chart格式

来自分类Dev

如何在整个应用程序中打开 React Native 的 XMPP 连接(使用 xmpp.js)?

来自分类Dev

如何在React JS中创建新门户?

来自分类Dev

如何在React JS中单击按钮设置值?

来自分类Dev

如何在React JS中通过ID过滤组件

来自分类Dev

如何在 React.js 中为图像添加路由

来自分类Dev

如何在React JS或React-Redux JS中对CloudKit JS进行身份验证

来自分类Dev

如何在react js中正确重置计时器

来自分类Dev

React.js:如何在点击时添加组件?

Related 相关文章

  1. 1

    您如何在Node.js中为服务器应用程序构建测试?

  2. 2

    如何在Apache服务器中运行Node.js应用程序

  3. 3

    如何在不同的端口上为我的 http 服务器提供 Angular 应用程序

  4. 4

    当应用程序位于服务器的子目录中时,如何设置ember.js以使用历史记录

  5. 5

    当应用程序位于服务器的子目录中时,如何设置ember.js以使用历史记录

  6. 6

    如何在Scala.js React.js应用程序中处理大型js文件?

  7. 7

    如何在React js中插入数据

  8. 8

    如何在React JS中渲染对象

  9. 9

    如何在Express,React,Webpack,SSR应用程序中的客户端和服务器之间共享常量

  10. 10

    当图像存储在node.js服务器上载文件夹中时,如何在角度应用程序中显示图像?

  11. 11

    如何在使用docker的指定应用程序的服务器上查找css / js文件

  12. 12

    如何在 Linux 服务器上部署 Node.js 和 MongoDB 应用程序

  13. 13

    如何在Dart服务器Web应用程序中动态运行dart2js?

  14. 14

    Facebook React.js:如何在服务器上呈现状态组件?

  15. 15

    如何在 Scala REST API 服务器上运行 React.js

  16. 16

    如何在Ubuntu中设置Node.js应用服务器

  17. 17

    如何正确阻止Node.JS服务器应用程序中的IP地址?

  18. 18

    如何在 React+Express 中直接从服务器提供静态 html 文件?

  19. 19

    如何在同一服务器中使用节点 js 重定向以响应 js 应用程序?

  20. 20

    如何在单页应用程序(React JS)中的 csv 文件中写入数据?

  21. 21

    如何在React.js中将服务器端Json数据转换为react-google-chart格式

  22. 22

    如何在整个应用程序中打开 React Native 的 XMPP 连接(使用 xmpp.js)?

  23. 23

    如何在React JS中创建新门户?

  24. 24

    如何在React JS中单击按钮设置值?

  25. 25

    如何在React JS中通过ID过滤组件

  26. 26

    如何在 React.js 中为图像添加路由

  27. 27

    如何在React JS或React-Redux JS中对CloudKit JS进行身份验证

  28. 28

    如何在react js中正确重置计时器

  29. 29

    React.js:如何在点击时添加组件?

热门标签

归档