调试新的聚合物元素页面答案

【问题标题】：Debug a New Polymer Element Page调试新的聚合物元素页面
【发布时间】：2016-01-07 17:00:32
【问题描述】：

我们有

/ bower_components index_demo.html mycomponent.html

mycomponent.html 使用例如paper-button，被导入

<link rel="import" href="../paper-button/paper-button.html">

因此，当 mycomponent 通过 bower 安装时，它会位于 bower_components 并且一切正常。

现在在本地调试此元素的最佳做法是什么？

index_demo.html 应该导入mycomponent.html 和一些bower_components/paper-fab/paper-fab.html。

现在mycomponent.html 不起作用，因为

../paper-button/paper-button.html 未找到（因为它位于bower_components/paper-button）

现在我手动将所需的 mycomponent 聚合物元素添加到 index_demo.html，但这是一个有点不干净的解决方案。

平台：赢

【问题讨论】：

您使用的是guide 中描述的seed-element 结构吗？如果你不是，我建议你使用它，它几乎具备开发、调试、测试、将元素部署到 github 页面以及放入 bower 所需的一切
谢谢，让我看看
@Alan 发布该评论作为 cookie 的答案 (;

【解决方案1】：

看来我的评论很有帮助，在这里作为答案

Polymer 网站上有一个guide，介绍了使用 Polymer 创建新元素的推荐方法，在其中您可以找到seed-element 模板的下载链接，该模板的结构允许您开发、调试、测试，将你的元素部署到 github 页面，然后很容易地把它放到 bower 中。

【讨论】：

最有帮助的部分是最后一段：D！ “解决此问题的最简单方法是设置一个重新映射路径的本地服务器，以便 bower_components 中的所有组件看起来都位于 my-element 的同级目录中。Polyserve 会自动为您执行此操作。”