polymer - Polymer 1.x：让自定义元素在 Plunker 中说 HELLO WORLD

Question

在这个 Plunk 中，为什么元素不会x-foo渲染 HELLO WORLD？.

鉴于更复杂的content-el似乎iron-data-table完全正确地导入了一个。我忽略了一些简单的事情吗？请用工作的笨拙回答。

http://plnkr.co/edit/p7IE7v6DHLVnEggeO8PF?p=preview

<base href="https://polygit.org/polymer/components/">
<link rel="import" href="polymer/polymer.html">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>

<dom-module id="x-foo">
    <template>
        <style></style>
        HELLO WORLD
    </template>

  <script>
    (function() {
      'use strict';
      Polymer({
        is: 'x-foo',

            });
        })();
  </script>
</dom-module>

Answer 1

您会注意到浏览器控制台显示：

https://polygit.org/polymer/components/polymer/polymer.html加载资源失败：服务器响应状态为 400 ()

https://polygit.org/polymer/components/webcomponentsjs/webcomponents-lite.min.js加载资源失败：服务器响应状态为400（）

x-foo.html:14 Uncaught ReferenceError: Polymer is not defined

浏览器找不到 Polymer 所需的导入，因为您的<base>URL 在以下位置具有格式错误的 polygit 配置x-foo.html：

<base href="https://polygit.org/polymer/components/">

预期的URL 格式polygit.org：

<server-name>/[<configurations>/]components/<component>/<path>

哪里<configurations>/是：

<component>[+<org>]+<ver>|:<branch>|*

因此，您的<base>URL 应该是以下任何一种：

<base href="https://polygit.org/components/">
<base href="https://polygit.org/polymer+:master/components/">
<base href="https://polygit.org/polymer+v1.7.0/components/">

笨蛋