如何设置 AWS Cloud9 以使用 webpack-dev-server（在开发模式下）运行现有的 JavaScript 应用程序？

Question

我试图让我相当典型的 JavaScript (React) 应用程序在 AWS Cloud9 上以开发模式运行。我成功克隆了我的 repo（使用 https ugh），安装了我的 npm 包，并且可以在控制台中运行脚本。但是，我不知道如何在开发模式下运行和访问该应用程序。有大量的文档，但它们似乎都围绕着运行部分跳舞。我的猜测是我需要以某种方式设置自定义主机和端口，但我还需要找到用于查看应用程序运行的 URL。

这是我的 devServer 配置：

devServer: {
  // Display only errors to reduce the amount of output.
  stats: "errors-only",
  host, // Defaults to `localhost`
  port, // Defaults to 8080
  overlay: {
    errors: true,
    warnings: true,
  },
}

Answer 1

1）您需要做的第一件事是在端口 8080 上运行 React 应用程序。您可以通过将环境变量 PORT 设置为 8080，然后从 AWS Cloud9 终端启动 React 开发服务器来完成此操作。

export PORT=8080
npm start

有关详细信息，请参阅GitHub 上的讨论。

2) 启动应用程序后，您可以通过单击AWS Cloud9 顶部的预览 -> 预览正在运行的应用程序来预览它。

有关更多详细信息，请查看此AWS Cloud9 文档