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

时间:2016-06-12 16:46:15

标签: polymer polymer-1.0 polymer-starter-kit firebase-polymer polymer-cli

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}}
  7. 我可以做些什么来尝试解决这个问题,以便在浏览器中看到演示版本?

2 个答案:

答案 0 :(得分:4)

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

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

cd polymerfire

bower install

polymer serve

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

答案 1 :(得分:4)

您还必须导航到正确的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/