Firebase 上部署的 Polymer 应用显示空白页面答案

【问题标题】：Deployed Polymer app on Firebase shows empty pageFirebase 上部署的 Polymer 应用显示空白页面
【发布时间】：2016-08-25 10:27:55
【问题描述】：

我构建了我的聚合物项目并使用 firebase 命令进行了部署。我按照聚合物网站上的说明进行操作。在我的 Mac 上的 Chrome 中它可以工作，但在我的手机（Chrome 和 Safari）和我的 Mac 上的 Safari 上它显示一个空白页面。谁能帮帮我？
最好的问候

【问题讨论】：

我也有同样的问题。虽然它适用于 Chrome，但我在 PC 上的 Firefox、PC 上的 IE 11 和 Mac 上的 Safari 中遇到语法错误。它说“SyntaxError：预期的表达，得到'
我刚刚在这里记录了一个错误：github.com/Polymer/polymer/issues/3882
感谢您的错误报告，我找到了解决方案。我的 Polymer.json 没问题，但如果我使用聚合物构建命令构建我的应用程序，则 pollyfill 将不会包含在构建文件夹中。我手动添加了它，现在它可以工作了。
在下面查看我的答案。我做了更多研究，发现这是所有依赖项的已知问题。查看我发现的另一个错误的链接。
这个问题刚刚在 v0.16.0 中得到修复。获取最新版本：npm i -g polymer-cli

【解决方案1】：

更新：依赖问题已通过 v0.16.0 修复，该版本于 2016 年 8 月 24 日晚上部署。我保留了以下解决方法仅供参考。

polymer.json 中规定的includeDependencies 没有被处理。

这是目前的补救措施：

即使您将 polyfill 包含在 polymer.json 依赖项中，“聚合物构建”过程也不会将其包含在构建中。

对于不支持 Web 组件的浏览器，此 polyfill 是必需的。

因此在修复之前需要手动添加...

运行“聚合物构建”后：

打开应用的 bower_components 文件夹
复制 webcomponentsjs 文件夹
打开构建文件夹
将 webcomponentsjs 文件夹粘贴到 bundled/bower_components 和 unbundled/bower_components 中
运行 firebase 部署

（对您需要的所有依赖项执行此操作。）

【讨论】：