Flutter Web on Chrome



我一直在尝试在Chrome上运行我的Flutter Web的项目,但它一直在Chrome的来宾模式功能上启动它(尽管我已经禁用了来宾模式,如这里所述)。

我也试过使用flutter run -d web-server运行项目,但网页屏幕是空的,没有在控制台打印任何东西。

有没有在chrome默认选项卡上运行项目?

我也检查了这个问题,但没有帮助:https://github.com/flutter/flutter/issues/43809

运行flutter build web,cd到您的Flutter项目的/build/web目录后,运行python -m http.server 8000。然后你可以打开一个普通的chrome标签页并访问& 0.0.0.0:8000"你的网站应该在哪里运行。点击这里查看更多信息

要解决这个问题,你必须设置一个web端口,因为如果我们不设置端口,flutter每次运行都会创建一个随机端口。所以:

--web-port 5000

然后打开flutter/packages/flutter_tools/lib/src/web/chrome.dart

改变这一行(用ctrl+f找到)

final Directory userDataDir = _fileSystem.systemTempDirectory
.createTempSync('flutter_tools_chrome_device.');

final Directory userDataDir = _fileSystem.currentDirectory.childDirectory('.dart_tool')
.childDirectory('chrome-device');

然后注释掉这一行(使用ctrl+f找到它,即使它应该在前一行的下面)

// if (cacheDir != null) {
//   //Seed data dir with previous state.
//   _restoreUserSessionInformation(cacheDir, userDataDir);
// }

最后一步,转到flutter/bin/cache并删除flutter_tools. conf文件。戳以强制颤振工具重新构建文件。最后再运行一次应用程序,一次或两次。

学分:https://quango2304.medium.com/keep-flutter-web-storage-after-close-and-run-again-when-developing-7cb2118cbbb3

相关内容

  • 没有找到相关文章

最新更新