getStaticProps
不知道為什麼,getStaticProps
裡面的 fs
時有時無。這裡 似乎有關於這個問題的回答,但無效
正常一
這個版本,就可以正常運作,證明 getStaticProps
裡可以用 fs
// pages/index.js
import fs from 'fs/promises'
export async function getStaticProps() {
console.log(await fs.stat('./content/index.md'));
const posts = ['index.md']
console.log({ posts })
return {
props: { posts },
};
}
正常二
在這個版本,將 fs
相關程式碼移到 util/fsTest.js
,也就是測試如果是引用另一個模組中 fs
相關的函數。經過證明,也是可以的
// util/fsTest.js
import fs from 'fs/promises'
export default async function dirs(){
return await fs.readdir(`${process.cwd()}/content`)
}
// pages/index.js
import fsTest from '../util/fsTest'
export async function getStaticProps() {
const posts = ['index.md']
console.log({ posts, fsTest: await fsTest() })
return { props: { posts } };
}
有問題的
這個版本,util/tree.js
的程式碼是經過測試,是沒問題的。但是卻會回報錯誤,找不到 fs
// util/tree.js
import fs from 'fs/promises'
async function tree(root, opt){
// some verified code
}
function tree2list(tree, opt){
// some verified code
}
export { tree, tree2list }
// pages/index.js
import { tree, tree2list } from '../util/tree'
export async function getStaticProps() {
const tree = await tree('./content', { extensions: ['.md'] })
const posts = tree2list(tree, { sliceHead: 1 })
return {
props: { posts },
};
}