🤖
[Next.js]Fast Refresh had to perform a full reload when ~ が出たとき
エラー内容
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内のファイルを変更した時に起きたエラー。
解決方法
ここのページを見てくださいと指定されていたので見に行ったところ、コンポーネント名はCamelCaseで書いてくださいと指定がありました。
そこで,
import React from 'react'
export default function practice() {
return (
<div>practice</div>
)
}
ここのpractice→Practiceに変更したら解決しました。
page内のファイルはPascalCaseで書かれてあるので、そのままrfcなどでコンポーネントを作ると、コンポーネント名がそのままPascalCaseになって起こるエラーでした。
全く気づかなかったです、、お恥ずかしい。
Discussion