uni-app 跨端运行:从微信小程序到 H5 的迁移之路及遇到的问题

2024-11-12
来源:网络整理

uni-app作为微信小程序正常运行。如果要放到公众号上,重新开发H5就太费时费力了。由于uni-app是跨终端的。所以我想尝试一下是否可以直接转换为H5并运行它。

1.我遇到的第一个坑就是找不到喜欢vant的组件。

原因是我在文件中写了vant组件。如果我想在H5中支持小程序组件,我必须将第三方组件放在该目录中。

解决方案:参考uni-app官网,【项目(组件)迁移指南、示例及资源汇总】原文链接:

2、遇到的第二个坑编译成H5稍后汇报。

这个在官网和uni-app项目中都有提到,解决方案也在帖子里。发布链接

3、第三个陷阱是定制组件报错。

为了优化图片显示效果,我定制了一个图片组件。

主要功能是进行判断,在图片加载前显示默认的logo图片,加载后显示真实图片。

解决办法是直接更换元件。好在涉及的页面不多,所以改起来也比较容易。

4、第四个陷阱是小程序中涉及到的专有方法会报错。

例如,wx.,,wx.等。

已经走到这一步了,我不能再继续下去了。有太多需要改变的地方。 。 。

我终于明白了一个道理。所谓跨终端、跨平台,想要完全兼容、省事,都是骗人的。 。 。

分享