在凉亭中使用定制聚合物元素答案

【问题标题】：Using custom polymer elements in with bower在凉亭中使用定制聚合物元素
【发布时间】：2023-03-13 00:28:02
【问题描述】：

我有一个自定义 Polymer 元素 polymer install element 将其称为 <x-custom-element>，一旦创建，我将无法 polymer serve，直到我更改链接以引用元素文件夹中的凉亭组件。

当我将元素发布到我的 git 存储库时，我需要更改元素中的引用 <links rel="import" href="bower_components/"> tohref="../` 或者链接是使用安装该元素的目录中的 bower_components 文件夹。

例如，能够通过polymer serve 使用此文件结构提供文件

bower.json
bower_components/
测试/
temo/
x-custom-element.html

x-custom-element.html中的链接需要参考/bower_components/*

但为了能够用作凉亭导入，我必须将引用更改为 ../*

有没有办法补救这个过程？你应该如何解决这个问题。

创建一个脚本来来回更改所有链接？我还有哪些其他选择？

【问题讨论】：

标签： polymer bower polymer-1.0

【解决方案1】：

您的示例项目目录在根目录中缺少index.html。这应该是由polymer-cli（即polymer init element）自动生成的，应该是这样的：

<!doctype html>

<html>
  <head>
    <title>x-foo</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../iron-component-page/iron-component-page.html">
  </head>
  <body>
    <iron-component-page src="x-foo.html"></iron-component-page>
  </body>
</html>

使用polymer init element（polymer-cli v0.16.0、polyserve v0.13.0、macOS Sierra 10.12）生成元素项目后，使用polymer serve -o 查看该站点没有任何问题。

【讨论】：