Как правильно загружать полимерные компоненты - PullRequest
Новая
       19

Как правильно загружать полимерные компоненты

0 голосов
/ 29 апреля 2018

У меня вопрос с загрузкой полимерного элемента. Когда я настраиваю свою bower.json зависимость от файла, не загружается правильно.

Вот мой файл bower.json: 

{
  "name": "Example",
  "description": "Example",
  "version": "1.0.0",
  "license": "https://vaadin.com/license/cvtl-1",
  "authors": [
    "Vaadin Ltd"
  ],
  "dependencies": {
    "iron-flex-layout": "PolymerElements/iron-flex-layout#^2.0.0",
    "iron-form": "PolymerElements/iron-form#^2.0.0",
    "iron-media-query": "PolymerElements/iron-media-query#^2.0.0",
    "polymer": "Polymer/polymer#^2.0.0",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
    "iron-icon": "^2.0.0",
    "paper-toast": "^2.0.0",
    "vaadin": "vaadin/vaadin#10.0.0-alpha8",
    "vaadin-grid": "vaadin/vaadin-grid#4.1.0-beta1",
    "vaadin-charts": "vaadin/vaadin-charts#6.0.0-alpha10",
    "vaadin-valo-theme": "vaadin/vaadin-valo-theme#2.0.0-alpha5",
    "vaadin-tabs": "^1.0.0",
    "app-layout": "polymerelements/app-layout#2.1.0"
    // "wysiwyg-e" : "^2.1.3"
  },
  "devDependencies": {
    "web-component-tester": "Polymer/web-component-tester#^6.0.0"
  },
  "private": true,
  "resolutions": {
    "vaadin-grid": "4.1.0-beta1",
    "vaadin-charts": "6.0.0-alpha10",
    "vaadin-valo-theme": "2.0.0-alpha5"
  }
}

Мне нужно правильно загрузить app-layout и wysiwyg-e. Что я сделал не так ? Любое предложение ?

Ответы [ 2 ]

0 голосов
/ 30 апреля 2018

Причина конфликта версий с таким файлом bower.json заключается в том, что отдельные компоненты Vaadin (vaadin-grid, vaadin-charts и т. Д.) Фактически включаются дважды: один раз через метапакет vaadin/vaadin и второй раз явно .

Как правило, достаточно иметь зависимость bower только от метапакета vaadin: 

"dependencies": {
  "iron-flex-layout": "PolymerElements/iron-flex-layout#^2.0.0",
  "iron-form": "PolymerElements/iron-form#^2.0.0",
  "iron-media-query": "PolymerElements/iron-media-query#^2.0.0",
  "polymer": "Polymer/polymer#^2.0.0",
  "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
  "iron-icon": "^2.0.0",
  "paper-toast": "^2.0.0",
  "vaadin": "vaadin/vaadin#10.0.0-alpha8",
  "wysiwyg-e": "^2.1.3"
},
"devDependencies": {
  "web-component-tester": "Polymer/web-component-tester#^6.0.0"
}

При этом будет получен соответствующий набор версий vaadin-grid, vaadin-charts и всех других компонентов Vaadin.

Обратите внимание, что вы используете устаревшую версию alpha8. Пожалуйста, рассмотрите возможность обновления до последней бета-версии: vaadin/vaadin#10.0.0-beta8.

В случае, если вам действительно нужно использовать конкретную версию, скажем, vaadin-grid, способ сделать это либо , а не , использовать мета-зависимость vaadin вообще, либо указать, что его версия, которая включает в себя требуемую версию vaadin-grid (например, vaadin-grid#4.1.0-alpha1 является частью vaadin#10.0.0-alpha5, но не существует версии метапакета vaadin, который включает 4.1.0-beta1 версию vaadin-grid) .

0 голосов
/ 30 апреля 2018

Рассматривая другие зависимости, которые вы загружаете из того же каталога, я бы сказал, что путь чувствителен к регистру, и что для app-layout вы использовали только строчные буквы вместо формата PascalCase, так что, возможно, вы надо попробовать: 

"app-layout": "PolymerElements/app-layout#2.0.1",

(Полагаю, вы имели в виду 2.0.1, а не 2.1.0, поскольку 2.0.5, похоже, самая последняя версия)

А для wysiwyg-e вы можете попробовать: 

"wysiwyg-e": "miztroh/wysiwyg-e#^2.1.3"
...