Я учусь использовать Полимер . Я следовал указаниям в точности здесь , и все же на шаге 3 я получаю сообщение об ошибке после добавления импорта paper-checkbox:
Ошибка: пользовательский элемент с именем «iron-meta» уже был
определены.
(эта ошибка появляется в консоли браузера).
Кроме того, страница, которая использует paper-checkbox, не загружается и является полностью пустой, в то время как другие страницы (например, View One, View Two и т. Д.) Загружаются совершенно нормально.
Я запустил совершенно новый проект и снова следовал указаниям, но возникла та же проблема. Что может быть причиной этой проблемы?
Вот скриншот того, что я имею в виду, когда страница не загружается. Как видите, панель навигации и заголовок остаются, но содержимое, которое изменяется с изменением страницы, остается пустым:
Вот my-new-view.js:
/* Load the PolymerElement base class and html helper function */
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@polymer/paper-checkbox/paper-checkbox.js';
/* Load shared styles. All view elements use these styles */
import './shared-styles.js';
/* Extend the base PolymerElement class */
class MyNewView extends PolymerElement {
/* Define a template for the new element */
static get template() {
return html`
<style include="shared-styles">
:host {
display: block;
padding: 10px;
}
</style>
<div class="card">
<div class="circle">1</div>
<h1>New View</h1>
<paper-checkbox>Ready to deploy!</paper-checkbox>
<p>New view!</p>
</div>
`;
}
}
/* Register the new element with the browser */
window.customElements.define('my-new-view', MyNewView)
;