使用webview_flutter加载网站报错：WebView方法未定义，求解决方案

1. 先检查包导入是否正确 #

在你的Dart代码文件顶部，必须添加webview_flutter的导入语句：

import 'package:webview_flutter/webview_flutter.dart';

没加这行的话，IDE根本找不到WebView这个类，直接就会报你遇到的错误。

2. 确认WebView的使用方式没搞错 #

你大概率是把WebView当成MyApp类的方法来调用了（比如写了this.WebView(...)），但WebView是个Widget，得放在build方法的Widget树里用。举个正确的示例：

class MyApp extends StatelessWidget {
  WebViewController? _webController;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: WebView(
          initialUrl: '你的个人网站地址',
          javascriptMode: JavascriptMode.unrestricted,
          onWebViewCreated: (controller) {
            _webController = controller; // 保存控制器，用于前进后退
          },
        ),
        bottomNavigationBar: BottomAppBar(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              IconButton(
                icon: const Icon(Icons.arrow_back),
                onPressed: () async {
                  if (await _webController!.canGoBack()) {
                    _webController!.goBack();
                  }
                },
              ),
              IconButton(
                icon: const Icon(Icons.arrow_forward),
                onPressed: () async {
                  if (await _webController!.canGoForward()) {
                    _webController!.goForward();
                  }
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

3. 确保依赖真的加载成功 #

• 执行flutter pub get后，重启VSCode或者点击热重载按钮（有时候热重载识别不了新导入的包）
• 核对pubspec.yaml里的依赖，确认没有拼写错误：

dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^4.2.0

4. 清理缓存重试 #

如果上面的步骤都没用，试试清理项目缓存：

1. 执行flutter clean
2. 重新跑flutter pub get
3. 重新启动项目

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