Импорт стилей не работает внутри ленивого Polymer2 dom-repeat

Я использую dom-repeat (Polymer 2.2.0 с бумажными элементами), и я заметил странное поведение <paper-item> стили внутри dom-repeat который я заполняю позже (это AJAX для базы данных, поэтому элементы появляются через несколько секунд после рендеринга страницы).

<paper-dropdown-menu label="Choose department">
  <paper-listbox slot="dropdown-content" class="dropdown-content" attr-for-selected="value" selected="{{selectedDepartmentKey}}">
    <template is="dom-repeat" items="[[departments]]">
      <paper-item value$="[[item.$key]]">[[item.name]]</paper-item>
    </template>
  </paper-listbox>
</template>

Это прекрасно работает в polymer serve среда, но когда я бегу es5-bundled При его сборке на сервере при заполнении раскрывающегося списка в консоли появляется следующее предупреждение (т. е. немного после завершения загрузки страницы):

Could not find style data in module named paper-item-shared-styles

и элементы в выпадающем списке не стилизованы. Похоже, что Polymer, в частности, имеет проблемы с загрузкой модуля стилей для paper-item элемент, который создается только динамически, потому что добавление поддельного статического элемента прямо перед dom-repeat устраняет проблему:

<paper-item>Fake item</paper-item>
<template is="dom-repeat" items="[[departments]]">
  ...

но у меня не работает, потому что я не хочу, чтобы в моем списке появлялся поддельный предмет.

Кто-нибудь знает, что мне не хватает, или это ошибка в Polymer?

0 ответов

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