找了一下午bug,根据提示是 pinia 报错。
于是,我就把它注释掉了,果然 app 就不会白屏了。
然后我又发现别的页面也有引用 pinia ,但是不报错,偏偏报了这个页面,
找了许久发现这个页面是nvue写的。
在CSDN社区找不到类似的解决文章,就去社区瞧瞧,还真有人解答了哈哈哈哈哈哈哈哈哈
以下就是解决办法,是按照官方的文档引入 pinia 的。
import * as Pinia from 'pinia'
export function createApp() {
...
app.use(Pinia.createPinia())
return {Pinia}
}
我们常用的下面这种方法就会白屏
import { createPinia } from 'pinia'
export function createApp() {
...
const Pinia = createPinia()
return {Pinia}
}

本文介绍了一个关于Pinia导致应用白屏的问题及解决方案。作者通过排查发现只有特定的nvue页面会触发错误,并最终找到了正确的Pinia导入方式来避免该问题。

362

被折叠的 条评论
为什么被折叠?



