Полимер 1.x: Получение пользовательского элемента "Здравствуй, мир" в Plunker
В этом Plunk, почему не x-foo
элемент рендера HELLO WORLD?,
Учитывая более сложный content-el
кажется импортирует iron-data-table
совершенно правильно. Я пропускаю что-то простое? Пожалуйста, ответьте с рабочим планом.
<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/">