🤖

[Next.js]Fast Refresh had to perform a full reload when ~ が出たとき

2024/01/05に公開

エラー内容

Fast Refresh had to perform a full reload when ./src/pages/edit.js changed. Read more: https://nextjs.org/docs/messages/fast-refresh-reload

next.jsでpage内のファイルを変更した時に起きたエラー。

解決方法

https://nextjs.org/docs/messages/fast-refresh-reload
ここのページを見てくださいと指定されていたので見に行ったところ、コンポーネント名はCamelCaseで書いてくださいと指定がありました。

そこで,

import React from 'react'

export default function practice() {
  return (
    <div>practice</div>
  )
}

ここのpractice→Practiceに変更したら解決しました。

page内のファイルはPascalCaseで書かれてあるので、そのままrfcなどでコンポーネントを作ると、コンポーネント名がそのままPascalCaseになって起こるエラーでした。

全く気づかなかったです、、お恥ずかしい。

Discussion