聚合物 2 和 Cordova答案

【问题标题】：Polymer 2 and Cordova聚合物 2 和 Cordova
【发布时间】：2017-06-20 19:09:25
【问题描述】：

我正在尝试使用 Polymer 2.0 创建一个混合应用程序。我使用了 polymer-2-application 和 polymer-2-starter-kit 样本，并且在 safari 浏览器上进行测试时它正在工作。

但是当我在 iOS 模拟器上运行它时，Polymer 元素没有显示。

这是我的示例 index.html

<!DOCTYPE html>
<html>
    <head>
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <meta name="description" content="TestPolymer-2 description">

        <link rel="manifest" href="/manifest.json">

        <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

        <link rel="import" href="src/test-element/test-element.html">

        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
            <test-element></test-element>
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

【问题讨论】：

请记住，cordova 不使用 Safari，而是使用 UIWebView。在 Safari 上测试时不要期望相同的功能。
你能提供一个完整的样本吗？
@marvz 我不是聚合物专家。但是你不需要这个 HTML 导入来导入聚合物库 - 查看这个链接 - polymer-project.org/2.0/start/first-element/step-2
@marvz 对此有何更新？
@jcesarmobile 这是完整示例drive.google.com/open?id=0B9oPYAW5j_fDRy1sZW1YLWJXV00

标签： cordova polymer-2.x

【解决方案1】：

问题是 Polymer 2 HTML 导入在 iOS Polyfill。

查看 Polymer 2 support chart.

另外，Polymer 2 使用 ES6，它只在 iOS 10+ 上支持，要在 iOS 9 上使用它你必须compile your application to ES5。

但由于 iOS 10 有 86%，我建议您放弃 iOS 9，只在您的应用中支持 iOS 10。

【讨论】：