本地主機：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({

我想刪除這個問題，因為我自己想通了，但也許這會對其他人有所幫助，所以我會保留它。