Flutter路由跳转提示Could not find a generator for route错误怎么解决

报错1、2：找不到对应路由的生成器 #

根因 #

你没有在顶层MaterialApp/WidgetsApp的路由配置中注册MyRoutes.catPage对应的页面映射。

解决步骤 #

• 先核对MyRoutes类中catPage常量的值与报错提示的"/CatPage"完全一致，不要出现大小写、前后斜杠、拼写错误。
• 在你的项目顶层MaterialApp组件中添加路由注册，参考代码：

MaterialApp(
  // 原有配置（title、theme、home等）保持不变
  routes: {
    // 你已经注册的其他路由
    MyRoutes.catPage: (context) => const CatPage(),
  },
  // 如果你使用onGenerateRoute做路由拦截，也要添加对应路径判断
  onGenerateRoute: (settings) {
    if (settings.name == MyRoutes.catPage) {
      return MaterialPageRoute(builder: (context) => const CatPage());
    }
    // 原有其他路由逻辑
    return null;
  },
)

报错3：当前context不包含Navigator实例 #

根因 #

你调用Navigator.pushNamed时使用的context，层级在MaterialApp之上，MaterialApp内部才会初始化Navigator实例，上层context拿不到对应的Navigator。

解决方案二选一即可 #

1. 给LoginPage套一层Builder，确保拿到的context在MaterialApp层级之下

MaterialApp(
  home: Builder(builder: (context) => const LoginPage()),
  // 其他配置不变
)

2. 全局定义NavigatorKey，跳转时无需依赖页面context

• 先在全局作用域定义导航key

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

• 绑定到MaterialApp的navigatorKey参数

MaterialApp(
  navigatorKey: navigatorKey,
  // 其他配置不变
)

• 替换原有跳转逻辑

// 把原来的Navigator.pushNamed(context, MyRoutes.catPage)替换为
navigatorKey.currentState?.pushNamed(MyRoutes.catPage);

额外优化建议 #

你的异步方法中调用setState前需要先判断mounted状态，避免页面销毁后调用setState触发异常，修改后的toCat方法参考：

toCat() async{
  if(_key.currentState!.validate()){
    if(!mounted) return;
    setState(() {
      onLog = true;
    });

    await Future.delayed(const Duration(milliseconds: 1000));
    if(!mounted) return;
    Navigator.pushNamed(context, MyRoutes.catPage);

    if(!mounted) return;
    setState(() {
      onLog = false;
    });
  }
}

内容的提问来源于stack exchange，提问作者Shaffaan Laughs at u