IE11 不支持 Flutter Web 应用程序。显示空白页面

Posted

技术标签:

【中文标题】IE11 不支持 Flutter Web 应用程序。显示空白页面【英文标题】:Flutter web app is not supporting in IE11. Shows empty page 【发布时间】:2021-01-10 09:03:48 【问题描述】:

IE11 不支持 Flutter Web 应用(示例应用)。显示空白页面和剩余浏览器(Chrome、Firefox、edge)工作正常。此 IE11 问题的任何解决方案。提前致谢。

【问题讨论】:

您能否发布示例应用程序的链接,以便我们试用。当我查看颤振时,似乎有很多示例应用程序,所以我不知道该尝试哪个。另外,您在浏览器的控制台上看到了什么错误? 我正在使用简单添加计数,基本应用程序。我在“main_module.bootstrap.js”中收到“语法错误”。感谢@AHaworth 的回复。 对不起,我还是找不到例子,请提供链接。另外,请让我们知道您在浏览器的开发工具控制台中看到的错误 - 听起来好像错误是因为正在使用一些在 IE 中不可用的 JS,但在我们查看代码和/之前我们无法知道或错误。 flutter.dev/docs/get-started/codelab-web - 我正在使用的 Flutter Web 应用程序链接示例。我在 IE11 中遇到的错误是“SCRIPT1002:语法错误 main_module.bootstrap.js(496,44)”。 @AHaworth。 这个问题在 Flutter (github) 网站上可能比在这里更好地处理,但我已经在这里给出了答案。 【参考方案1】:

查看有关 Flutter 的各种讨论,据报道它在 2020 年早些时候不能与 IE 或 Edge 一起使用,但现在它可以与 Edge 一起使用(可能是因为 Edge 已经转向 Chrome)。我没有发现任何评论说它现在可以在 IE 上运行,并在尝试其他示例,它们在 Chrome 和 Edge 上运行,但在 IE11 上不可用。

另外,给出的测试示例也不适用于 Firefox。

[https://flutter.dev/docs/get-started/codelab-web][1] 的讨论中有一些暗示,他们正在追踪 Edge 中的问题(在 Edge 移动之前),但我找不到任何暗示他们将在 IE 上工作。

最好向 Flutter 社区重复这个问题 - 但如果他们不打算在 IE 版本上工作也就不足为奇了,因为它正在慢慢消亡。

说了这么多,提问者现在发布的错误指出与正在使用的 Bootstrap 版本不兼容。在搜索这个的几个地方提出了建议,应该在代码的头部添加这个

<meta http-equiv="X-UA-Compatible" content="IE=edge">

可能值得自己用颤振提出这个问题 - 也许他们使用了错误版本的 Bootstrap 或者需要做类似上述的事情? (防止老版本IE运行)。 [1]:https://flutter.dev/docs/get-started/codelab-web

【讨论】:

以上是关于IE11 不支持 Flutter Web 应用程序。显示空白页面的主要内容,如果未能解决你的问题,请参考以下文章

Flutter Web 应用程序的 Web 视图

如何通知用户 web 应用程序不支持 IE6

VB.net webbrowser如何使用IE11内核?IE7内核很多网站不支持!

检查 Flutter Web 应用程序的元素支持

sharepoint 2013 office web app 2013 文档在线浏览 IE11 浏览器不兼容解决方法

跳过编译 flutter_web|web/main.dart] 因为它的一些库有这个平台不支持的 sdk 依赖项