Next.jsでAPIルートがbuildされず404になった
2022-10-26
今回の概要
NextでAPIを作成するときに、ロジックを実装したAPI(pages/apiのjsファイル)が呼び出されなくて404エラーが出力されてしまい、少し手間取ったので自戒を含めて。。。
なぜこのようなことになったのか。
next-sitemapでサイトマップを出力するようにした時に、package.jsonの中のbuildの設定が下記画像のように「next build」だけではなく、「next export」も一緒に設定していました。ここが問題だったようです。
// ~~ 省略 ~~
"scripts": {
"dev": "next dev",
"build": "next build && next export && next-sitemap --config sitemap.config.js",
"start": "next start",
"lint": "next lint"
},
//~~ 省略 ~~
ここを、下記のように「next export」だけを削除することで解決しました。
// ~~ 省略 ~~
"scripts": {
"dev": "next dev",
"build": "next build && next-sitemap --config sitemap.config.js",
"start": "next start",
"lint": "next lint"
},
//~~ 省略 ~~