Полимер 1.x: Получение пользовательского элемента "Здравствуй, мир" в Plunker

В этом 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>

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, потому что ваш <base> URL имеет неправильную конфигурацию полигита в 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/">

plunker

Другие вопросы по тегам