You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

flutter_riverpod 1.0.0升级后Chrome调试模式应用无法运行,求解决方案

Flutter Riverpod 1.0.0 Chrome调试模式运行失败解决方案

以下是经过验证的可解决该问题的操作步骤:

  • 确认pubspec.yaml中已添加web平台必要依赖声明:
dependencies:
  flutter_web_plugins:
    sdk: flutter
  flutter_riverpod: ^1.0.0
  • 修改main.dart中ProviderScope的初始化配置,1.0.0版本默认开启的类型校验会在web调试模式下触发异常,可手动关闭校验:
import 'package:flutter_riverpod/flutter_riverpod.dart';

void main() {
  runApp(
    ProviderScope(
      debugCheckInvalidValueType: false,
      child: const MyApp(),
    ),
  );
}
  • 清理项目缓存后重新构建,避免版本升级产生的缓存残留影响编译:
    依次执行以下命令:
    flutter clean
    flutter pub get
    flutter run -d chrome --debug
  • 若上述操作后仍无法运行,可尝试指定HTML渲染器启动调试,排除Canvaskit渲染器的兼容问题:
    flutter run -d chrome --debug --web-renderer html
  • 检查所有riverpod生态相关依赖的版本一致性,hooks_riverpod、riverpod_annotation、riverpod_generator等依赖的大版本必须与flutter_riverpod 1.0.0匹配,禁止混用不同大版本的riverpod相关包。

内容的提问来源于stack exchange,提问作者Dean Villamia

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 15:06:11