HBuilder+uniapp+uview项目打包遇到问题记录（打包后白屏）

最新推荐文章于 2025-06-19 00:07:37 发布

渣渣灰飞

最新推荐文章于 2025-06-19 00:07:37 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.youkuaiyun.com/flhhly/article/details/126262967

本文解决了前端开发中常见的三个问题：自动生成图标按钮无响应、云端打包后软件显示白屏以及模拟器调试时出现未定义方法的警告。提供了详细的解决方案，包括确保图标格式正确、适配不同平台API差异及添加缺失的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题一：

问题描述：选择的图表，点击自动生成所有图标按钮并替换按钮，提示框一闪而过，没任何反应。

问题原因及解决办法：

导入的图标必须是png格式，并且导入的图片不能是其他格式的图片手动修改成png的，最好转一下png

问题二：

问题描述：

云端打包之后，下载的软件打开页面为白屏，但是之前pc端调试正常，模拟器调试出现报错： reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'createElement' of undefined

问题原因：

pc端和app有些地方不兼容的问题。使用了非H5端不支持的API 小程序和App的js运行在jscore下而不是浏览器里，没有浏览器专用的js对象，比如document、xmlhttp、cookie、window、location、navigator、localstorage、websql、indexdb、webgl等对象。

解决办法：

使用条件编译，在上述提到的浏览器专用对象处添加，我这里是document影响，下面为示例。

// #ifdef H5
	instance.$mount(document.createElement('div'))
	document.body.appendChild(instance.$el)
	
// #endif

问题三：

问题描述：

模拟器调试出现下述问题

[Vue warn]: Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

问题原因：

属性或方法“toJSON”没有在实例上定义，而是在渲染时被引用。通过初始化该属性，确保该属性是被动的，无论是在data选项中，还是对于基于类的组件。

解决办法：

在对应文档的methods中添加空toJSON()方法

methods:{
	  toJSON(){},
  }