Полимерный элемент не отображается в Firefox

Я написал специальный полимерный элемент, который отлично работает в Chrome. Но это даже не появляется в Firefox. Я использую vulcanize для объединения всего в одном файле, даже платформы и полимера. Это основной индексный файл, который я призываю к вулканизации.

<!DOCTYPE html>
<html>
 <head>
  <script src="bower_components/platform/platform.js"></script>
  <link rel="import" href="bower_components/my_polymer/index.html">
 </head>
</html>

Это мой индексный файл полимерных элементов.

<!DOCTYPE html>
 <html>
  <head>
   <link rel="import" href="../polymer/polymer.html">
   <link rel="import" href="my-polymer-element.html">
  </head>
 </html>
Источник

1 ответ

Решение

Ваша настройка неверна.

Вы не должны импортировать index.html, а вместо этого импортировать определения элементов на главной странице. Ваша главная страница должна выглядеть примерно так:

<html>
  <head>
   <script src="bower_components/platform/platform.js"></script>
   <link rel="import" href="my-polymer-element.html">
  </head>
  ...
</html>

Обратите внимание, что Polymer.html указан как импорт зависимостей в верхней части вашего my-polymer-element.html файл определения.

См. http://www.polymer-project.org/docs/start/creatingelements.html, а также начальный элемент: http://www.polymer-project.org/docs/start/reusableelements.html для примеров.,

Источник
Другие вопросы по тегам