Next.js/React中如何用@prismicio/client传递timeline ref获取预览数据

你调用client.query时传入的参数名错误：@prismicio/client的查询方法接收预览ref的字段为ref，而非你使用的key，这就是报错信息中Unknown field key的来源。

将你调用Prismic API的代码中参数的key字段替换为ref即可：

const client = Prismic.client(refApiUrl, {
    accessToken: apiToken,
});

const res: any = await client.query(predicates, {
    ref: refToken, // 将原来的key改为ref
});

• 你当前getServerSideProps中无token时直接返回console.warn的执行结果不符合Next.js要求的返回格式，建议调整为返回{ notFound: true }或者重定向到公开页面，避免触发Next.js的运行时错误。

内容的提问来源于stack exchange，提问作者Andrei Flavius