“硫化”聚合物纸元素在Cordova中不起作用

时间:2015-06-09 21:34:01

标签: cordova polymer paper-elements

我正在使用Cordova开发HTML应用程序。我正在使用Crosswalk Web视图。我曾尝试使用Polymer(v0.5)来集成paper-elements组件。以同样的方式,我读到使用<link rel="import" href="../bower_components/paper-elements/paper-elements.html">加载html组件是不可能的;解决方案是使用Vulcanize构建工具,用于连接单个页面中的组件。

我做了所有这些,但应用程序仍然没有识别纸质元素。我写了一个关于我的场景的小例子,如下:

我的cordova项目中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> 

在本地服务器中运行良好,但在Web View中根本不起作用。

有人帮我吗?根本不可能使用Cordova的纸质元素吗?

提前致谢!
佩德罗。

1 个答案:

答案 0 :(得分:0)

您是否在HEAD中添加了webcomponentsjs / webcomponents.min.js?