我在运行我的 chrome 扩展程序的编译版本时遇到以下问题dart2js
:
Uncaught TypeError: Object #<JsObject> has no method 'where$1'
我创建了一个最小的例子:
背景.飞镖
import 'dart:js';
void main() {
print("main()...");
context['js_list'] = new JsObject.jsify(["aaa", "bbb"]);
}
弹出式飞镖
import 'dart:js';
var backgroundPage = context["chrome"]["extension"].callMethod("getBackgroundPage", []);
void main() {
print("main():...");
testJsList(backgroundPage['js_list']);
}
testJsList(List<String> jsList) {
print("testJsList(): jsList = $jsList");
print("testJsList(): ['aaa', 'bbb'] = ${new JsObject.jsify(['aaa', 'bbb'])}");
jsList.where((e) => e == "bbb").forEach(print);
}
在铬(Dartium)上运行时:
main():...
testJsList(): jsList = [aaa, bbb]
testJsList(): ['aaa', 'bbb'] = [aaa, bbb]
bbb
在 Chrome (dart2js -> V8) 上运行时:
main():...
testJsList(): jsList = aaa,bbb
testJsList(): ['aaa', 'bbb'] = [aaa, bbb]
Uncaught TypeError: Object #<JsObject> has no method 'where$1'
显然,Dart VM 对待 JS Interop 的方式与编译的 JavaScript 略有不同。jsList
的打印方式不同,在第二种情况下是"错误"类型的"jsList"。
更新:看起来问题是由三重奏{dart:js,dart2js,chrome API}引起的,因为临时创建的JsObject在Dartium和dart2js场景中都正常工作。
Dartium和dart2js都有自己独立的dart:js实现,但它们的行为应该是一样的。在这种情况下,它看起来像 dart2js 实现中的一个错误,因为JsObject.jsify
应该返回一个实现List
的JsArray
,但错误指出它返回的是普通JsObject
。
您可以在 dartbug.com 提交错误吗?