Flutter 项目无法在 Chrome 上打开

如何解决Flutter 项目无法在 Chrome 上打开

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

0. 我尝试过 HTML 文件，Chrome 可以无缝打开，但 Flutter 出现问题。
1. 安装实时服务器扩展：错误
2. Flutter run -d chrome：错误
3. 并排配置不正确：安装 Visuall c++ 更新和 regedit
4. 在 Launch.json 上更改 chrome 路径
5. 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

解决方法

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

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

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

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