Flutter 项目未在 Chrome 打开

Question

自从我为这个问题苦苦挣扎并尝试了 Whosebug 上的所有解决方案以来已经 5 天了，但仍然无法在 Chrome 上打开应用程序：我试过什么。如果您能提供帮助，我将不胜感激。

我试过 HTML 个文件，chrome 可以无缝打开，但 flutter 有问题。
正在安装实时服务器扩展：错误
Flutter 运行 -d chrome : 错误
并行配置不正确：正在安装 Visuall c++ 更新和 regedit
在 Launch.json
flutter 通道稳定并进行了升级。

错误 1：

CreateProcessW failed 14001
ProcessException: The application has failed to start because its side-by-side configuration is incorrect. Please see the application event log or use the command-line sxstrace.exe tool for more detail.

  Command: C:\Users\abc\AppData\Local\Google\Chrome\Application\chrome.exe --user-data-dir=C:\Users\abc\AppData\Local\Temp\flutter_tools.b64ea32a\flutter_tools_chrome_device.7ecc71a0 --remote-debugging-port=13587 --disable-background-timer-throttling --disable-extensions --disable-popup-blocking --bwsi --no-first-run --no-default-browser-check --disable-default-apps --disable-translate http://localhost:13570


Flutter doctor -v

[√] Flutter (Channel stable, 2.0.5, on Microsoft Windows [Version 10.0.19042.867], locale en-US)
    • Flutter version 2.0.5 at C:\src\flutter
    • Framework revision adc687823a (9 days ago), 2021-04-16 09:40:20 -0700
    • Engine revision b09f014e96
    • Dart version 2.12.3

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3) 
    • Android SDK at C:\Users\abc\AppData\Local\Android\sdk
    • Platform android-30, build-tools 30.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java       
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Users\abc\AppData\Local\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 4.1.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[√] VS Code (version 1.55.2)
    • VS Code at C:\Users\abc\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.21.0

[√] Connected device (2 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.85
    • Edge (web)   • edge   • web-javascript • Microsoft Edge 90.0.818.42

Answer 1

因为 flutter doctor 没有显示任何环境错误。错误可能发生在应用程序启动或初始化插件时。

检查 chrome 浏览器是否有任何消息显示在控制台上 2，确保您已按照其网站或 pub.dev 页面上的说明设置所有插件。

Firebase 特别有一个扩展配置，涉及在 flutter 项目的 index.html 中添加额外的 .js 文件。由于您的项目是 Web 项目，请查看 this link 以获取有关如何将 firebase 添加到您的应用程序的完整说明。

请尝试上述步骤，如果有任何变化请告诉我们

Answer 2

首先，如果运行完美，请使用此行 flutter doctor 检查命令 Prompt/cmd。那么，

在您的 Android Studio 终端中写入 flutter config --enable-web 然后关闭您的 Android Studio/IDE
你也可以在cmd flutter devices中检查这个图像 flutter devices
打开您的 Android Studio，然后 select 您的浏览器 select your browser

希望能解决您的问题。谢谢。

Flutter 项目未在 Chrome 打开

Flutter project doesn't open on Chrome

google-chrome

flutter

flutter-web

flutter-doctor