📝

【Next.js】Failed to load next.config.jsのエラーが出たら見るべき場所

2022/05/22に公開

エラー内容

error - Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error
...
export default nextConfig;
^^^^^^

Next.jsで開発をしているときに
yarn dev or npm run devでローカルサーバーを立ち上げたときに上記のエラーが発生した場合

解決方法

エラーの内容の通りnext.config.jsに関するエラー。
【原因】

next.config.js
const nextConfig = {
//...内容は略
};

export default nextConfig;
  1. 上記のようにECMASCRIPTの記述の場合はファイルの拡張子をjsからmjsに変更することで改善できる。

【公式ドキュメント参考】

https://nextjs-ja-translation-docs.vercel.app/docs/api-reference/next.config.js/introduction

  1. 拡張子はそのままにしてmodule.exports = { ... で記述することで改善できる
next.config.js
module.exports = {
//...内容は略
};

初期設定から基本的に触らなければ起きないエラーだと思いますが日本語の記事など少なく感じたので、困ったら参考になれば幸いです。

Discussion