Google上Ubuntu服务器上的Google材料设计组件

Question

我无法让材料设计元件在我的虚拟服务器上运行。我试着按照他们的“快速开始”页面和材料基础(Web 101)课程去做，但没有结果。我能够执行这两个教程中的大部分步骤，但我无法看到JavaScript应用于页面。我做错了什么？我将在下面详细说明我的过程，希望有人能发现我的错误。

首先，我在Google云平台上创建一个VM实例。它是一个Ubuntu18.04LTS映像，具有一个CPU，3.75GB内存，以及防火墙上允许的HTTP/HTTPS流量。

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

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

然后从GitHub克隆codelab。(在本例中遵循Web 101 )

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

...and导航到相关目录。

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

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

npm install

安装工作正常，除了一个名为"/chokidar/fsevents“的可选依赖项，它显然是针对Mac的。

在同一个目录中，我启动了NPM。

npm start

在这一点上，教程说我应该能够到达网站。上面写着导航到http://localhost:8080/。由于我是在远程云服务器上安装它，所以我将"localhost“替换为服务器的外部IP。我总是从浏览器中得到一个超时错误。

Answer 1

1. 通过运行telnet、nmap或netstat命令，确保端口8080是打开的，并在VM实例中侦听。 $ telnet localhost 8080 $ nmap <external-ip-vm-instance> $ netstat -plant

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

1. 查看GCP中的防火墙规则，确保VM实例允许将流量输入到端口8080。
2. 由于您正在运行Ubuntu，请确保默认的Ubuntu防火墙没有阻塞端口8080。如果是这样，则必须通过运行以下命令来允许访问端口8080： $ sudo ufw allow 8080/tcp