bug: 无法使用Message、Notification等组件

[zangxiyang]

在dev环境下可以启动后进行使用，重启后无法正常启动

调用

<script setup>
import {Message} from "@arco-design/web-vue";

Message.success("测试")
</script>

重新启动项目时

Nuxt CLI v3.0.0-rc.3                                                  08:00:53
                                                                      08:00:53
  > Local:    http://localhost:3000/
  > Network:  http://192.168.0.105:3000/

ℹ Vite client warmed up in 2344ms                                     08:00:59
ℹ Vite server warmed up in 94ms                                       08:00:59
✔ Vite server built in 3716ms                                         08:01:02
✔ Nitro built in 270 ms                                         nitro 08:01:03
(node:8066) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)

依赖	版本
@arco-design/web-vue	2.29.1
nuxt	3.0.0-rc.3

[zangxiyang]

目前尝试了下 可以通过生命周期hook来进行初始化使用

类似

<script lang="ts" setup>

import MaxerHeader from "~/components/maxer-header/index.vue";
import {querySettings} from "~/api/modules/settings";
import {onMounted} from "#imports";
import {Message} from "@arco-design/web-vue";

const {data,error} = await querySettings();

onMounted(()=>{
  if (error.value){
    Message.error("Halo主题配置获取失败");
  }
})

</script>

阅读Arco源码初步估计是因为nuxt3还没有渲染出document，但是MessageManager先要拿document，导致了异常。