uni-app vue3版本打包成ios版本时Promise的resolve有时不执行，Vue2版本则正常执行

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

uni-app vue3版本打包成ios版本时Promise的resolve有时不执行，Vue2版本则正常执行

产品分类

uniapp/App

示例代码

aa(){
    return new Promise((resolve, reject) => {
        console.log(1111);
        resolve(1111);
    });
}

BB(){
    this.aa().then(res => {
        console.log(res, 2222);
    });
}

操作步骤

有时候不会执行resolve，

预期结果

希望正常执行，因为vue2版本没有这个问题

实际结果

希望正常执行，因为vue2版本没有这个问题

bug描述

uniapp打包成ios版本,Promise有时候resolve不执行

开发环境与项目信息

项 信息
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 1
HBuilderX类型 正式
HBuilderX版本号 4.21
手机系统 iOS
手机系统版本号 iOS 15
手机厂商 苹果
手机机型 苹果13
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

Harmonyos Next教程
2 回复

有时候 resovle 不执行，这个怎么理解？你测试了哪些机型、系统？有没有规律？空白项目是否可以稳定复现？最好给个工程，看代码很简单没啥问题


在将uni-app从Vue2升级到Vue3版本后，遇到Promise的resolve不执行的问题确实比较少见，这可能与Vue3在响应式系统、异步处理等方面的内部机制变化有关。不过，我们可以尝试通过一些代码案例来排查和解决这个问题。

首先，确保你的Promise使用方式是正确的。以下是一个简单的Promise使用示例，展示如何在Vue3的uni-app中正确地使用Promise：

// 假设你有一个异步函数，模拟网络请求
async function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const success = true; // 模拟请求成功或失败
      if (success) {
        resolve('Data fetched successfully');
      } else {
        reject('Failed to fetch data');
      }
    }, 1000);
  });
}

// 在Vue3组件的生命周期钩子中使用这个异步函数
export default {
  setup() {
    const data = ref(null);
    const error = ref(null);

    onMounted(async () => {
      try {
        const result = await fetchData();
        data.value = result;
      } catch (err) {
        error.value = err;
      }
    });

    return {
      data,
      error,
    };
  },
};

在这个例子中，fetchData函数返回一个Promise，模拟了一个异步操作（如网络请求）。在Vue3组件的setup函数中，我们使用onMounted生命周期钩子来调用这个异步函数，并使用await等待其结果。如果Promise成功解析，我们将结果存储在data变量中；如果Promise被拒绝，我们将错误信息存储在error变量中。

如果你已经按照这种方式使用了Promise，但仍然遇到resolve不执行的问题，那么可能需要考虑以下几个方面：

  1. 异步函数中的错误处理：确保异步函数中没有未捕获的异常，这可能会导致Promise被意外地拒绝。

  2. 环境差异：检查iOS设备或模拟器的具体环境设置，以及uni-app和Vue3的相关依赖是否都是最新版本。

  3. 代码其他部分的干扰：确认没有其他代码（如全局错误处理、中间件等）干扰了Promise的正常执行。

  4. 调试和日志：在Promise的resolve和reject回调中添加更多的日志输出，以帮助定位问题发生的具体位置。

如果以上步骤仍然无法解决问题，建议查看uni-app和Vue3的官方文档或社区论坛，看看是否有其他开发者遇到并解决了类似的问题。

回到顶部