flutter - “未找到：'dart:js' export 'dart:js' show allowInterop, allowInteropCaptureThis”运行测试时出错
问题描述
在我的 Flutter 应用程序中，我有一个名为的文件，其中web.dart有webSaveAs一个函数可以将文件保存到我在 web.xml 中的本地机器上。
@JS()
library main;
import 'package:js/js.dart';
import 'package:universal_html/html.dart';
/// Annotate `webSaveAs` to invoke JavaScript `window.webSaveAs`
@JS('webSaveAs')
external void webSaveAs(Blob blob, String fileName);
但是，当我运行任何flutter test导入已使用webSaveAs函数的小部件的测试（使用命令）时，我收到以下错误：
./../../../development/flutter/.pub-cache/hosted/pub.dartlang.org/js-0.6.3-nullsafety.3/lib/js.dart:8:1: Error: Not found: 'dart:js'
export 'dart:js' show allowInterop, allowInteropCaptureThis;
^
我js: ^0.6.2从https://pub.dev/packages/js使用，这是flutter doctor命令的结果。
╰>>> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 1.25.0-8.3.pre, on macOS 11.2.1 20D74 darwin-x64, locale en-SG)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.5)
[✓] IntelliJ IDEA Ultimate Edition (version 2019.3.1)
[✓] VS Code (version 1.53.2)
[✓] Connected device (1 available)
• No issues found!
有人可以帮我解决这个问题吗？提前致谢！
解决方案
问题：
当您执行flutter test命令时，Flutter 会将测试文件中的代码编译为原生 Dart，并在不支持 Javascript 的 Dart VM 中运行。因此，它不会包含dart:js.
解决方案：
您可以创建一个web.test.dart如下所示的虚拟文件（比如说）来模拟使用package:js或dart:js封装方法的函数。
web.test.dart
import 'package:universal_html/html.dart';
void webSaveAs(Blob blob, String fileName) {
// You can remove the below line below and include your own implementation if you need
throw UnimplementedError();
}
然后创建一个新文件（比方说shared.dart），如下所示。
shared.dart
export 'web.dart' if (dart.library.io) 'web.test.dart';
当你需要使用webSaveAs函数时，而不是导入web.dart文件，你应该导入shared.dart.
解释：
dart.library.io在 Dart VMdart.library.js中可用，在 web 中可用。
在网络中，if (dart.library.io)是false. 因此，它将导入web.dart我们想要的。
运行测试时，if (dart.library.io)是true因为测试在 Dart VM 中运行。因此，它将导入web.test.dart不会引发任何错误，因为它不导入package:js或dart:js.
参考：