如何在codeanywhere IDE中预览angular应用程序？

在

codeanywhere

或

cloud9

中运行angular应用程序时，我们无法预览已编译的angular或任何其他web应用程序。我们收到一个空白屏幕或一些错误消息。

要预览它，我们必须进行以下检查

请检查您的容器是否已打开并正在运行

请确保您的服务器（angular）正在运行，并且在0.0.0.0IP地址上侦听。 （如果您正在监听127.0.0.1（localhost），那么它在容器外部不可用）

您的服务器可能正在不同的端口上运行，请检查您使用的端口是否正确

请使用下面的命令，以确保上述所有点与应用程序匹配

ng serve --host 0.0.0.0 --port 4201 --disable-host-check

这里的端口号4201是我的选择，请随意选择您自己的

现在codeanywhere IDE已准备好在外部查看。在某些情况下，您可能无法获取预览url以在浏览器中查看应用程序。如果是这样，我们必须找到预览url。下面让我们看看如何构建它：

https://port-4201-containerName-username.preview.codeanywhere.com/

请根据您的IDE，用您自己的关键字替换下面提到的关键字

• 4201是您的端口号
• containerName是容器（项目环境）的名称
• 用户名是codeanywhere用户名

这不仅适用于angular，而且适用于所有web应用程序。角度就是一个例子。