flutter的web打包目前踩坑:

dart语言1.12开始新增了空安全的检测,低版本的升级到flutter2.0会存在编译错误问题.适配升级可参考此

[Flutter 升级 2.0 填坑指导，带你原地起飞 - 知乎](https://zhuanlan.zhihu.com/p/356507484)

由于此1.12.0版本增加了空安全检测,后续新开项目注意配置SDK的版本,可以配置为1.10.0或以下版本,这样就可以忽略空安全检测

升级到flutter2.0后,需要注意引入开源库得需要有null safety标签(如下图),否则编译会报错(虽然也有适配的方法,上文链接文章中有涉及)

flutter的web打包目前踩坑:

• 如果APP端和web端都要使用webview,可能会存在问题,如果一定要使用,可以参考下面

1.url_lanuch插件，这个插件默认可以打开浏览器，在网页端，将会新开一个页面打开输入的页面
2.HtmlElementView，这个是web插件，支持html和url加载，似乎有很多限制，使用可以参考一下两篇文章

关于在Flutter Web中加载html
Flutter Web 加载html的填坑记录

• 页面的地址只有一个,跳转页面地址是不会发生变化,及打包出来的是单应用,无法像之前那样每个页面都要个url地址

• 打包成web端后,接口调用存在有跨域的问题

• 不知道是不是debug模式问题,加载感觉有点慢

• 项目开发注意使用的第三方库需要支持web

• flutter内置MD风格的组件,带有Toolbar,如果放在小程序中,需要考虑样式问题