码多多AI编程问答网

在Vue 3中，如果在setup函数中使用了await关键字，会导致报错"Component : setup function returned a promise, but no boundary was found in the parent component tree. A component with async setup() must be nested in a in order to be rendered."。

这个错误是因为Vue 3中要求异步的setup函数必须嵌套在一个组件中才能正确渲染。组件是Vue 3中用来处理异步组件加载的边界组件。

要解决这个问题，你需要将包含异步操作的组件（具有async setup()）嵌套在一个组件中。例如：

复制代码

<template>
  <Suspense>
    <AsyncComponent />
  </Suspense>
</template>

<script>
import { defineAsyncComponent } from 'vue';

const AsyncComponent = defineAsyncComponent({
  async setup() {
    // 异步操作
    await someAsyncTask();
    
    // 返回组件数据
    return {
      // ...
    };
  },
});

export default {
  components: {
    AsyncComponent,
  },
};
</script>

在上面的示例中，我们使用了Vue 3提供的defineAsyncComponent函数

vue3在setup中使用await报错Component <Anonymous>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered

vue3在setup中使用await报错Component <Anonymous>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered