"Вулканизированные" полимерные бумажные элементы не работают в Кордове

Я разрабатываю приложение HTML с Cordova. Я использую веб-представления Crosswalk. Я пытался использовать Polymer (v0.5) для интеграции компонентов бумажных элементов. Таким же образом я прочитал, что невозможно загрузить компоненты HTML с помощью <link rel="import" href="../bower_components/paper-elements/paper-elements.html">; Решение - использовать инструмент сборки Vulcanize для объединения компонентов на одной странице.

Я сделал все это, но приложение все еще не распознало бумажные элементы. Я написал небольшой пример моего сценария, и он выглядит следующим образом:

Структура www/ Директория в моем кордовом проекте:

    www/
      bower_components/
      css/
      html/
        index.html
        vulcanized.html
      img/
      js/
      bower.json
      index.html

www/index.html генерируются из вулканизированного здания www/html/index.html архив. Последний такой:

    <!doctype html>
     <html>
      <head>
       <title>Test Project</title>
       <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
       <meta name="mobile-web-app-capable" content="yes">
       <meta name="apple-mobile-web-app-capable" content="yes">

       <link rel="import" href="../bower_components/paper-elements/paper-elements.html">


      </head>
      <body unresolved>

       <div id="login">
        <form>
         <paper-input label="Name" floatingLabel></paper-input>
         <br>
         <paper-input label="Password" floatingLabel></paper-input>
         <br>
         <paper-button toggle>Sign in</paper-button>
        </form>
       </div>

      </body>
     </html> 

Это хорошо работает на локальном сервере, но совсем не работает в веб-представлении.

Кто-нибудь помогает мне с этим? Нельзя ли вообще использовать бумажные элементы с Cordova?

Заранее спасибо!
Педро.

1 ответ

Вы включили webcomponentsjs/webcomponents.min.js в HEAD?

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