Flutter Web端运行报MissingPlugingException异常问题求助

MissingPluginException(No implementation found for method check on channel plugins.flutter.io/connectivity)报错的核心原因是你项目依赖的旧版connectivity插件无Web端实现：该插件仅内置了Android、iOS移动端的原生通道逻辑，没有适配Web端的JS层映射，因此移动端运行正常，Web端调用对应方法时找不到实现直接抛错。

• 打开pubspec.yaml检查依赖声明，确认是否引入了已停止维护的旧版connectivity插件（非connectivity_plus版本）
• 执行flutter pub deps | grep connectivity查看依赖树，排查是否有其他间接依赖引入了旧版connectivity
• 带verbose参数启动Web端构建：flutter run -d chrome --verbose，查看插件注册日志，确认connectivity通道未完成Web端注册

方案1：替换为官方维护的全平台插件（推荐） #

旧版connectivity已经废弃，官方后续的全平台维护版本是connectivity_plus，支持Android、iOS、Web、全桌面端：

1. 删除pubspec.yaml中旧的connectivity依赖，添加connectivity_plus稳定版依赖
2. 执行命令拉取新依赖：

   flutter pub get
   

3. 全局替换项目内的导入语句，将旧插件导入：

   import 'package:connectivity/connectivity.dart';
   

   替换为新插件导入：

   import 'package:connectivity_plus/connectivity_plus.dart';
   

4. 适配API差异：新插件的网络状态查询方法返回值为List<ConnectivityResult>（支持多网络类型同时连接的场景），对应调整原有check()方法的调用逻辑即可。
5. 清理缓存后重新构建Web端：

   flutter clean
   flutter run -d chrome
   

方案2：临时兼容（仅适合无法升级依赖的场景） #

如果项目短期内无法替换插件，可通过kIsWeb常量做平台分支判断：

• Web端直接使用dart:html提供的window.navigator.onLine属性判断网络连通性，不调用connectivity插件方法
• 移动端分支保留原有connectivity的调用逻辑
  示例代码片段：

import 'package:flutter/foundation.dart';
import 'dart:html' as html if (dart.library.io) 'dart:io';

bool isOnline = false;
if (kIsWeb) {
  isOnline = html.window.navigator.onLine;
} else {
  // 保留原有移动端connectivity调用逻辑
  isOnline = await Connectivity().check() != ConnectivityResult.none;
}

同类跨端插件报MissingPluginException时，优先排查插件本身是否支持目标运行平台，不要反复执行重装依赖、重启编辑器这类无效操作。

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