运行Nuxt3 项目时ElementPlus 报错: Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed

报错代码:

  ElementPlusError: [IdInjection] Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed  usage: app.provide(ID_INJECTION_KEY, {    prefix: number,    current: number,  })

官方源码:

是ElementPlus服务端渲染需要提供一个唯一ID github链接

 // 源码是这样的  const { app, router, head } = createApp()  app.provide(ID_INJECTION_KEY, {    prefix: Math.floor(Math.random() * 10000),    current: 0,  })

但是这个段代码复制到项目中不能用,然后试了Plugins里面配置,也不行

后来看了官方Demo直接在 app.vue 里面添加一下代码就OK了

  <script setup>  import { ID_INJECTION_KEY } from 'element-plus'  provide(ID_INJECTION_KEY, {    prefix: 100,    current: 0,  })  </script>