未处理的运行时错误错误：配置必须包含“projectId”答案

【问题标题】：Unhandled Runtime Error Error: Configuration must contain `projectId`未处理的运行时错误错误：配置必须包含“projectId”
【发布时间】：2023-02-05 00:11:22
【问题描述】：

我一次又一次地收到这个错误。我也通过 env 文件提供了 projectID，仍然得到我也是 NextJS 和理智的新手，请帮助我，我们将不胜感激。

从“@sanity/client”导入 sanityClient；从“@sanity/image-url”导入 imageUrlBuilder；

export const client = sanityClient({ projectId: process.env.NEXT_APP_PROJECT_ID, 数据集：'生产'， api版本：'2022-03-10'，使用Cdn：是的，令牌：process.env.NEXT_APP_SANITY_TOKEN });

const builder = imageUrlBuilder(客户端);

export const urlFor = (source) => builder.image(source);

我正在关注 youtube 上的 NextJS 教程。我期待它能顺利运行，但没有成功

【问题讨论】：

标签： next sanity nextjs13

【解决方案1】：

所以我和你有同样的问题。因此，如果您正在使用 VITE，请确保您的环境变量以 VITE 开头

就我而言，我是这样做的

import  SanityClient  from "@sanity/client"
import imageUrlBuilder  from "@sanity/image-url";

// take these from sanity manage

export const client = new SanityClient({
    projectId:import.meta.env.VITE_REACT_APP_SANITY_PROJECT_ID,
    dataset:'production',
    apiVersion:'2023-01-10',
    useCdn:true,
    token:import.meta.env.VITE_REACT_APP_SANITY_TOKEN,
})

const builder =  imageUrlBuilder(client);
export const urlFor = (source : any) => builder.image(source);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

而我的.env文件是这样的

VITE_REACT_APP_SANITY_PROJECT_ID = aweqfrstbsrgvsrtbvr 
VITE_REACT_APP_SANITY_TOKEN = skm29cF1q1VsOgKIFty8D53j2dJKly9Fa..........

确保在 = 符号前后在 env 文件中留一个空格

【讨论】：