本地主机：3000 更改代码后不显示任何内容

Question

我正在关注一个 javascript 教程，突然 localhost:3000 在我的 About.jsx 文件中进行了一些更改后，除了一个白页之外什么都没有显示。

它在我添加后开始发生：

import { urlFor, client } from '../../client';

和

const [abouts, setAbouts] = useState([]);

  useEffect(() => {
    const query = '*[_type == "abouts"]';

    client.fetch(query)
      .then((data) => {
        setAbouts(data);
      })
  }, []); 

如果我撤消更改，一次添加一个更改后点击保存，就可以了。 但是一旦所有这些都到位，Chrome 就不会显示任何内容。

我尝试在我的代码中添加一个错误以查看发生了什么，并且浏览器立即将其显示为红色，因此显然它不起作用。

知道发生了什么吗？ 我也尝试过删除所有 cookie/浏览器历史记录/缓存，但没有成功。

编辑：现在进行了更多测试，似乎进口是这里的罪魁祸首。 我按照教程进行操作，但让我感到困惑的一件事是我没有名为 client 的文件夹。 这是我的 src 文件夹中的 client.js 文件，但这就是教程老兄所做的，到目前为止，在视频中它仍然适用于他，所以......仍然很困惑。

我的 client.js 文件如下所示：

import sanityClient from '@sanity/client';
import imageUrlBuilder from '@sanity/image-url';

export const client = 'sanityClient'({
    projectID: process.env.REACT_APP_SANITY_PROJECT_ID,
    dataset: 'production',
    apiVersion: '2022-02-01',
    useCDN: true,
    token: process.env.REACT_APP_SANITY_TOKEN
});

const builder = imageUrlBuilder(client);

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

Answer 1

我发现了错误，现在我正在决定是高兴地跳还是跳进湖里，哈哈。

显然，如果你在应该是 'projectId' 的时候写 'projectID' 是一件大事..！

谁知道！ 祝大家周六快乐：）

编辑：我不得不从

export const client = sanityClient({

我想删除这个问题，因为我自己想通了，但也许这会对其他人有所帮助，所以我会保留它。