Flutter 项目无法在 Chrome 上打开

Question

我已经5天没有遇到这个问题了，我在StackOverflow上尝试了所有的解决方案，但仍然无法在Chrome上打开应用程序：我尝试过的。如果你能帮忙的话，我真的很感激。

0. 我尝试过HTML文件，chrome无缝打开，但flutter遇到了问题
1. 正在安装实时服务器扩展：错误
2. Flutter run-d chrome:错误
3. 并排配置不正确：安装Visuall c++更新和regedit
4. 在Launch.json上更改chrome路径
5. 颤振通道是稳定的，并且确实升级了

错误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:UsersabcAppDataLocalGoogleChromeApplicationchrome.exe --user-data-dir=C:UsersabcAppDataLocalTempflutter_tools.b64ea32aflutter_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:srcflutter
• 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:UsersabcAppDataLocalAndroidsdk
• Platform android-30, build-tools 30.0.3
• Java binary at: C:Program FilesAndroidAndroid Studiojrebinjava       
• 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:UsersabcAppDataLocalGoogleChromeApplicationchrome.exe
[√] Android Studio (version 4.1.0)
• Android Studio at C:Program FilesAndroidAndroid 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:UsersabcAppDataLocalProgramsMicrosoft 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检查命令提示符/cmd。然后，

1. 在您的Android Studio终端flutter config --enable-web中写入，然后关闭您的Android Studio/IDE

2. 也可以将cmdflutter devices作为此图像签入颤振装置

3. 打开Android Studio，然后选择浏览器选择您的浏览器

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

Answer 2

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

1. 如果控制台上显示任何消息，请检查chrome浏览器2、确保你已经按照他们网站或pub.dev页面上的说明设置了所有插件

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

请尝试以上步骤，并让我们知道是否有任何变化