nuxt3 ElementPlusError

• 问题

  issue

  ElementPlusError: [IdInjection] Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed

• 原因

  造成的原因是因为在一个页面使用多次组件

• 解决方式

在App.vue中

    <script lang="ts" setup>
    import { ID_INJECTION_KEY } from 'element-plus'

    provide(ID_INJECTION_KEY, {
      prefix: 100,
      current: 0,
    })
    </script>