Flutter项目导入自定义页面包失败，提示MainPage未定义的问题求助

Hey there, let's break down why you're running into this error and how to fix it. The error message is telling you that your MyApp class can't find any definition for MainPage (or LoginPage when you tried that)—here are the key issues to check:

1. You haven't defined the page classes yet #

Looking at your code, there's no MainPage widget class present. Even if this worked before, if you moved code around or deleted the class by accident, Flutter won't recognize it.

You need to either:

• Add the MainPage class in the same file (below MyApp is fine), or
• Create a separate file (like main_page.dart) for the widget and import it.

Example of adding MainPage in the same file:

// ... your existing MyApp class ...

class MainPage extends StatelessWidget {
  const MainPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Main Page")),
      body: const Center(child: Text("Hello from MainPage!")),
    );
  }
}

2. Missing import statements (if pages are in separate files) #

If your MainPage is in another file, you need to import that file at the top of your main Dart file. For example, if MainPage lives in lib/pages/main_page.dart, add this line:

import 'pages/main_page.dart';

Double-check the file path—if the path is wrong, Flutter still won't find the class.

3. A small typo in your Firebase initialization code #

While not directly related to the current error, you have a missing pair of parentheses here:

WidgetsFlutterBinding.ensureInitialized; // ❌ Missing ()
// Should be:
WidgetsFlutterBinding.ensureInitialized(); // ✅

Fixing this will prevent potential issues with Firebase initialization later.

Once you define the page class and ensure it's properly imported (or present in the same file), the error should disappear.

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