如何修復 Next.js 的「找不到模組」錯誤

我在使用 Next.js 時遇到了以下問題：

模組找不到：找不到 ‘fs’

在 Next.js 頁面中，您可以從加載 Node.js 模組的文件中導入方法。

這是沒問題的，只要您也在 getStaticProps() 中使用被導入的方法。

舉個例子，我有以下程式碼：

import { getData } from '../lib/data'

//...

export async function getStaticProps() {
 const data = getData()
 return {
 props: {
 data,
 },
 }
}

當我把 const data = getData() 註解掉後，Next.js 開始報錯「找不到 ‘fs’ 模組」，因為 fs 是我在 lib/data 中首先導入的模組。

這種情況也可能發生在您導入的任何其他 Node 庫上。

原因是在 getStaticProps() 中的任何內容僅在在服務器環境中運行時才被調用，但如果我們不在其中調用 Node.js 函數，Next.js 就不知道該怎麼辦。