Flutter Web构建报错：dart:js_interop_unsafe当前平台不可用

核心原因 #

1. dart:js_interop_unsafe 是**仅针对Dart VM环境（如Flutter移动/桌面、命令行）**的库，Web平台（dart2js编译）完全不支持，导入后直接触发编译错误。
2. 代码中使用了Node.js专属的require('crypto')API，而Flutter Web运行在浏览器环境，根本不存在这个方法，即便编译通过也无法运行。
3. callMethod这类写法不符合Dart 3.0+标准dart:js_interop的语法要求，且@staticInterop的用法在Web环境需要配合正确的互操作逻辑。

修复步骤 #

1. 替换Node.js Crypto为Web标准API

浏览器提供了原生的Web加密API，其中crypto.getRandomValues可以实现和Node.jsrandomFillSync相同的随机字节填充功能，完全适配Flutter Web环境。

2. 调整JS互操作代码

移除不安全的dart:js_interop_unsafe，使用标准dart:js_interop，并修正互操作语法：

修改后的代码示例：

/// Wrapper for Web Crypto API random value generation
library web_crypto;

import 'dart:js_interop';
import 'dart:typed_data';

// 直接绑定浏览器全局的crypto对象
@JS('crypto')
external JSObject get webCrypto;

// 扩展方法封装getRandomValues调用
extension WebCryptoExt on JSObject {
  JSUint8Array getRandomValues(JSUint8Array array) =>
      callMethod$1('getRandomValues'.toJS, array);
}

class WebCrypto {
  static Uint8List randomFillSync(Uint8List buf) {
    // 转换Dart字节数组为JS类型
    final jsBuf = buf.toJS;
    // 调用Web Crypto API
    webCrypto.getRandomValues(jsBuf);
    // 转换回Dart类型
    return jsBuf.toDart;
  }
}

3. 跨平台兼容（可选）

如果你的项目是跨平台（Web+移动/桌面），可以用条件导入分别适配不同环境：

• 创建两个文件：web_crypto.dart（上面的Web实现）和node_crypto.dart（原Node.js实现）
• 入口导入时使用：

import 'web_crypto.dart' if (dart.library.io) 'node_crypto.dart';

额外清理建议 #

除了flutter clean，手动删除项目根目录的build文件夹和.dart_tool文件夹，再执行flutter pub get，彻底清除旧缓存。

内容的提问来源于stack exchange，提问作者GingerAle