报错代码:
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, })
官方源码:
// 源码是这样的 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>