如何使用Polymer的聚合物服务`polyserve服务器查看Polymerfire演示？

Question

I want to view this demo of Polymerfire in my browser

我希望在我的浏览器中看到该演示。相反，我看到一个空白页面和以下控制台错误。

console.log.error.message

  

获取http://localhost:8080/ 404（未找到）
  导航到http://localhost:8080/

我使用了以下程序：

1. I installed the Polymer-CLI multi-tool per the instructions found here。
2. I created a project using the Polymer Starter Kit (PSK)。
3. 我将项目命名为my-app。
4. 我使用CLI安装了此处找到的Github仓库：
   bower install ---save firebase/polymerfire
5. 我打开终端并导航到应用程序的根目录 cd path/to/my-app
6. I ran the following Polymer-CLI command (per the instructions found here)。{
   {1}}

我可以做些什么来尝试解决这个问题，以便在浏览器中看到演示版本？

Answer 1

运行元素演示的最佳方法是检查它......

git clone https://github.com/firebase/polymerfire.git

cd polymerfire

bower install

polymer serve

我从未试图从bower install'd文件夹中运行演示，但上述方法可以正常工作。

Answer 2

您还必须导航到正确的localhost路径：
http://localhost:8080/components/polymerfire/demo/

所以完整的程序（从命令行）是：

首先，install the polymer-cli per the instructions found here。

npm install -g bower
npm install -g polymer-cli

然后运行以下内容。

shell.sh

git clone https://github.com/firebase/polymerfire.git
cd polymerfire
bower install
polymer serve
open http://localhost:8080/components/polymerfire/demo/