Google Cloud 上的 Ubuntu Server 上的 Google Material Design Com

Question

我无法让材料设计组件在我的虚拟服务器上运行。我尝试遵循他们的"快速入门"页面和他们的材料基础知识(Web 101(课程，但无济于事。我能够执行任一教程中的大多数步骤，但我看不到适用于该页面的 JavaScript。我做错了什么？我将在下面详细介绍我的过程，以便有人可以发现我的错误。

首先，我在 Google Cloud Platform 上创建一个 VM 实例。它是一个 Ubuntu 18.04 LTS 映像，具有 1 个 CPU、3.75 GB 内存和防火墙允许的 HTTP/HTTPS 流量。

然后我在机器上安装 Node.js 和 NPM。

sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm

然后我从 GitHub 克隆代码实验室。(在本例中遵循 Web 101(

git clone https://github.com/material-components/material-components-web-codelabs

。并导航到相关目录。

cd material-components-web-codelabs/mdc-101/starter

在该目录中，我安装了 NPM。

npm install

安装工作正常，除了一个名为"/chokidar/fsevents"的可选依赖项，它显然适用于Mac OS X。

从同一个目录，我启动 NPM。

npm start

此时，教程说我应该能够到达该站点。它说要导航到 http://localhost:8080/。由于我将其安装在远程云服务器上，因此我将"localhost"替换为服务器的外部IP。我总是从浏览器收到超时错误。

Answer 1

1. 通过运行 telnet、nmap 或 netstat 命令，确保端口 8080 已打开并在虚拟机实例中侦听。

   $ telnet localhost 8080

   $ nmap <external-ip-vm-instance>

   $ netstat -plant

如果它没有侦听，则意味着应用程序未正确安装。

2. 查看 GCP 中的防火墙规则，以确保虚拟机实例允许端口 8080 的入口流量。

3. 由于您运行的是 Ubuntu，请确保默认的 Ubuntu 防火墙没有阻止端口 8080。如果是这样，则必须通过运行以下命令来允许访问端口 8080：

   $ sudo ufw allow 8080/tcp