Импорт стилей не работает внутри ленивого 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?