uni-app 升级到4.3.6版本后运行出现白屏报错

发布于 1周前 作者 caililin 来自 Uni-App

uni-app 升级到4.3.6版本后运行出现白屏报错

示例代码：

升级到4.3.6，运行白屏，报错  

23:52:45.859 reportJSException >>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: (void 0) is not a function
at  (app-service.js:96148:27)
at  (app-service.js:96254:3)

操作步骤：

23:52:45.859 reportJSException >>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: (void 0) is not a function
at  (app-service.js:96148:27)
at  (app-service.js:96254:3)

预期结果：

23:52:45.859 reportJSException >>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: (void 0) is not a function
at  (app-service.js:96148:27)
at  (app-service.js:96254:3)

实际结果：

23:52:45.859 reportJSException >>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: (void 0) is not a function
at  (app-service.js:96148:27)
at  (app-service.js:96254:3)

bug描述：

升级到4.3.6，运行白屏，报错  

23:52:45.859 reportJSException >>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: (void 0) is not a function
at  (app-service.js:96148:27)
at  (app-service.js:96254:3)

图片

image

项目属性 值
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.36
手机系统 Android
手机系统版本号 Android 15
手机厂商 华为
手机机型 华为
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

Harmonyos Next教程
1 回复

在升级uni-app到4.3.6版本后遇到运行白屏报错的问题，通常可能是由于版本更新引入了一些不兼容的改动或者项目中的某些代码与新版本不兼容。为了帮助你定位和解决问题，这里提供一个基础的排查流程和示例代码，帮助你检查并修复可能的问题。

1. 检查uni-app和依赖库版本兼容性

首先，确保manifest.json中的uni-app版本已经正确设置为4.3.6，并且所有依赖库都是最新的或者与4.3.6版本兼容。

// manifest.json
{
  "mp-weixin": {
    "appid": "your-app-id",
    "setting": {
      "urlCheck": false
    }
  },
  "uni-app": {
    "scriptType": "default",
    "editorCodeView": false,
    "editorTheme": "default",
    "versionName": "4.3.6",
    // 其他配置...
  }
}

2. 清理缓存并重新安装依赖

有时候，升级后缓存或旧的依赖库可能会导致问题。尝试清理项目并重新安装依赖。

# 删除node_modules目录和package-lock.json文件
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install

3. 检查App.vue和main.js

确保App.vue和main.js中的代码没有错误，特别是与生命周期钩子相关的代码。

// main.js
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

<!-- App.vue -->
<template>
  <view>
    <!-- 你的根组件内容 -->
  </view>
</template>

<script>
export default {
  onLaunch() {
    console.log('App Launch')
  },
  // 其他生命周期钩子...
}
</script>

4. 检查控制台输出和日志

运行项目时，仔细检查控制台输出的错误信息。这些信息通常会指出问题所在的具体文件或代码行。

5. 回退到旧版本

如果问题依旧无法解决，考虑暂时回退到之前的稳定版本，同时查看uni-app的更新日志和社区讨论，看看是否有其他开发者遇到并解决了类似的问题。

# 假设你使用的是git进行版本控制
git checkout <previous-stable-commit>

通过上述步骤，你应该能够定位并解决升级到uni-app 4.3.6版本后出现的白屏报错问题。如果问题依旧存在，建议详细阅读官方文档或在社区寻求帮助。

回到顶部