uni-app:Uncaught TypeError: Cannot read property ‘createElement‘ of undefined移动端调试基座白屏报错问题

云打包后也是白屏!!! 

 这里打包后在手机上安装启动后一样白屏而且还看不到报错!!手机模拟器基座调试运行后可以看到报错,所以这里建议用手机模拟器基座调试!!!

手机模拟器基座调试:

手机打开开发人员选项后打开USB调试:

开发人员选项这里因为每个手机的型号不同打开方式也不同查一下自己手机型号的开发者选项如何打开就行

只需要打开USB调试就可以了其他的默认不用管

用手机USB链接电脑运行手机模拟器App基座:

刷新运行:

运行后报错:

exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'createElement' of undefined

createElement这里在文件搜索里找到引用的外部js文件:

 因为createElement只能在H5里使用app里不行!!!

只能加if判断

// #ifdef H5
     *****js代码块*****
// #endif

大概长这样:

但是这样的话js就用不了了 本菜鸡也很难受 各位大神就再另外想办法吧

这里说的是在移动端运行时

这里注意看官方文档:


https://uniapp.dcloud.net.cn/matter.htmlicon-default.png?t=N7T8https://uniapp.dcloud.net.cn/matter.html

 大概就是长这样吧:


<template>

</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				
			}
		},
		onLoad() {
				
		},
		created() {

		},
		mounted() {

		},
		// 方法
		methods: {
				

		}
</script>

<script module="test" lang="renderjs">
	export default {
		mounted() {
			
		},
		methods: {
			
		}
	}
</script>

<style>
	@import"@/style/css/login/login.css";
</style>

也就是说页面上得有两个script一个是用renderjs标注一下

我的理解是带renderjs的script在移动端执行的这个过程应该是把代码编译成可以在手机上被认识的

大概页面的编译执行流程长这样:

 renderjs用法参考文章:

https://uniapp.dcloud.net.cn/tutorial/renderjs.htmlicon-default.png?t=N7T8https://uniapp.dcloud.net.cn/tutorial/renderjs.html

https://juejin.cn/post/7049185827582115870icon-default.png?t=N7T8https://juejin.cn/post/7049185827582115870

运行时白屏也不光是因为rendersjs的问题,语法规则错误也会导致报错白屏这里要细心别到时候花半天时间改完代码之后还是白屏出不来结果发现压根就不是这里的问题那就难受了

  • 26
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

和风微凉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值