如何解决Chrome运行Flutter项目时的window_manager插件缺失异常？

问题原因 #

window_manager是针对桌面端（Windows/macOS/Linux）开发的窗口管理插件，完全不支持Web平台。在Chrome中运行Flutter Web项目时，调用该插件的ensureInitialized方法，由于Web环境没有对应的原生实现，就会抛出MissingPluginException，导致页面加载失败呈空白状态。

解决步骤 #

1. 添加平台条件判断 #

在代码中通过kIsWeb（来自package:flutter/foundation.dart）区分平台，仅在非Web环境下执行window_manager的相关逻辑：

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:window_manager/window_manager.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 仅在桌面端初始化window_manager
  if (!kIsWeb) {
    await windowManager.ensureInitialized();
    // 这里可添加窗口大小、位置等桌面端专属配置
  }

  runApp(const MyApp());
}

2. 清理缓存并重启项目 #

执行以下命令清理Flutter缓存，避免旧代码残留：

flutter clean

然后重新启动Web项目：

flutter run -d chrome

3. Web端窗口逻辑替换（可选） #

如果需要在Web端实现类似的窗口控制功能，直接使用Web原生API替代，通过dart:js调用浏览器的window对象方法：

import 'dart:js' as js;
import 'package:flutter/foundation.dart';

void setWindowSize(double width, double height) {
  if (kIsWeb) {
    // 调用浏览器原生方法调整窗口大小
    js.context.callMethod('resizeTo', [width.toInt(), height.toInt()]);
  } else {
    // 桌面端继续使用window_manager
    windowManager.setSize(Size(width, height));
  }
}

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