Flutter路由报错：类'MyApp'未定义getter'MyRoutes'

核心问题分析 #

报错提示MyRoutes未定义，本质是当前MyApp类无法识别这个路由类，大概率是导入缺失、类名不匹配或IDE缓存导致的。

分步修复方案 #

1. 补全Routes.dart导入语句 #

在main.dart文件顶部，添加对应路径的导入：

// 根据你的项目结构选择其中一种
import 'package:flutter_first_vs/utils/Routes.dart';
// 或者相对路径写法
import './utils/Routes.dart';

2. 验证Routes.dart的类定义 #

打开utils/Routes.dart，确保类名是MyRoutes，且内部路由路径为静态常量，示例代码如下：

class MyRoutes {
  static const String homeRoute = "/home";
  static const String loginRoute = "/login";
}

如果你的类名是Routes而非MyRoutes，则需要把main.dart中所有MyRoutes替换为Routes，或者统一修改类名为MyRoutes。

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

IDE缓存可能导致代码编辑时无报错但运行报错，执行以下操作：

• 停止当前运行的应用进程
• 在终端执行flutter clean命令
• 重启你的IDE（比如VS Code/Android Studio）
• 重新编译运行项目

4. 统一路由初始化配置 #

如果同时设置了home和routes，建议改用initialRoute保持配置一致性，避免冲突：

return MaterialApp(
  themeMode: ThemeMode.dark,
  darkTheme: ThemeData(brightness: Brightness.light),
  theme: ThemeData(primarySwatch: Colors.amber),
  // 替换home为initialRoute
  initialRoute: MyRoutes.loginRoute,
  routes: {
    MyRoutes.homeRoute: (context) => const HomePage(),
    MyRoutes.loginRoute: (context) => const LoginPage(),
  },
);

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