Question

有一个奇怪的问题。在我的Dart代码中，我在屏幕上有一些聚合物组件，其中一个有我从main（）调用的方法。

我通过

获取对它的引用

PolyComp poly = querySelector("#idOfPolymer");
poly.flash();

这在飞镖中非常有效。页面加载并且PolyComp开始闪烁。但是当我通过从Dart IDE运行Build Polymer应用程序在Chrome中运行它时，我收到一条错误，指出无法在null上调用flash（）。

我最后通过使用事件总线并让PolyComp听我的事件来使其闪现，但这太过分了。

我做错了什么？这种情况发生在最新的Chrome，Firefox和Safari中。

编辑：

我还为JS构建了以下聚合物应用程序并遇到了同样的问题。 https://github.com/sethladd/dart-polymer-dart-examples/blob/master/web/todo_element/todo.html

适用于DartVM，而不是Chrome，因为它在null元素上调用方法。

Answer 1

当您从main()方法运行此代码时，这可能是一个时间问题。你可以试试像

这样的东西

import "package:polymer/polymer.dart";

main() {
  initPolymer().run(() {
    // code here works most of the time
    Polymer.onReady.then((e) {     
      // some things must wait until onReady callback is called
    });
  });
}

另见how to implement a main function in polymer apps

聚合查询选择器在DartVM上工作但在编译后不在Chrome中

1 个答案: