Flutter Web在Chrome运行报错：Undefined name 'main' 求助

这个错误的核心原因是你的代码缺少Flutter应用必需的入口函数main()。不管是Flutter移动端还是Web端，框架都依赖main()作为启动入口，web_entrypoint.dart会尝试调用这个函数，找不到就会抛出"Undefined name 'main'"错误。

修改后的完整代码 #

import 'package:flutter/material.dart';

// 应用入口函数，必须存在
void main() {
  runApp(const MyApp());
}

// 根应用Widget，提供MaterialApp基础结构
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Web Demo',
      home: const Hellp(), // 使用规范命名的Widget
    );
  }
}

// 遵循Dart大驼峰命名规范，修改类名为Hellp
class Hellp extends StatefulWidget {
  const Hellp({ Key? key }) : super(key: key);

  @override
  State<Hellp> createState() => _HellpState();
}

class _HellpState extends State<Hellp> {
  @override
  Widget build( BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Demo Page")),
      body: const Center(
        child: Text("Hello Flutter Web!"),
      ),
    );
  }
}

关键修改说明 #

• 添加main()函数：这是应用的启动入口，通过runApp()将根Widget挂载到应用中
• 新增MyApp作为根MaterialApp：Flutter Web需要这个组件来提供路由、主题、国际化等基础应用能力
• 调整类名符合Dart编码规范：将hellp改为Hellp（大驼峰命名），避免风格不一致的问题
• 替换空Container为Scaffold：添加了可见的页面内容，确保运行后能看到实际效果

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