Question

我正在Cordova下试用Polymer Dart应用程序。所以我开始使用Dart编辑器示例应用程序。

我使用最新版本的Polymer，因此我必须编辑示例代码。这是我的pubspec.yaml

name: cortst
description: Cordova Test Application
dependencies:
 polymer: '>=0.15.1+3 <0.16.0'
transformers:
- polymer:
    entry_points:
    - web/cortst.html

这是HTML和Dart的组合。我认为初始化使用新的/批准的技术：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample App</title>

    <link rel="import"     href="clickcounter.html">
    <link rel="stylesheet" href="cortst.css">

    <script type="application/dart">
      import 'dart:async';
      import 'package:polymer/polymer.dart';

      void main() {
        initPolymer().run( () {
          Polymer.onReady.then( (_) {
            new Future( () {
                // stuff goes here!
              });
            });
          });
        }
    </script>
  </head>

  <body>
    <h1>A Test</h1>
    <div id="sample_container_id">
      <click-counter count="5"></click-counter>
    </div>
  </body>
</html>

要生成独立的JavaScript，我可以通过命令行运行dart2js：

pub build --mode=debug

这些是结果：

Dartium（37.0.2062.120（292122）来自Dart Editor 1.7.2） - 确定
在Chrome上运行JavaScript（38.0.2125.111 m） - 确定
在Firefox上运行JavaScript（33.0.3） - 确定
dart2js并在Chrome上运行 - 没有影子DOM。
dart2js并在Firefox上运行 - 确定

当它失败时，点击计数器将（无形地）呈现为

<click-counter count="5"></click-counter>

此Chrome问题非常重要，因为Android上的标准网络托管服务商是Chrome。

为简洁起见，我在HTML中嵌入了Dart脚本。当我使用单独的.dart文件时，我得到相同的结果。

也许我忽视了一些事情 - 它不会是第一次......

dart2js Polymer Dart示例ClickCounter应用程序在Firefox中正常，在Chrome中失败

0 个答案: