Debugging Mysterious "Loading..." Text in a Next.js App
Answered
Zvki1 posted this in #help-forum
Zvki1OP
I’m encountering an issue in my Next.js project where a "Loading..." message appears during page transitions or initial loading.
The problem is that I can't locate where this text is coming from in the codebase:
I've created custom loading.tsx files under the appropriate routes, attempting to override it with a custom loader.
I also searched the entire codebase using Ctrl + Shift + F in VSCode, looking for "Loading...", but couldn’t find its source.
Despite these efforts, the mysterious "Loading..." still shows up.
I'm trying to identify what’s injecting this fallback and how to override it with my custom loading component.
The problem is that I can't locate where this text is coming from in the codebase:
I've created custom loading.tsx files under the appropriate routes, attempting to override it with a custom loader.
I also searched the entire codebase using Ctrl + Shift + F in VSCode, looking for "Loading...", but couldn’t find its source.
Despite these efforts, the mysterious "Loading..." still shows up.
I'm trying to identify what’s injecting this fallback and how to override it with my custom loading component.
Answered by Zvki1
i solved ittt
idk why but randomely i commented the LoadScript component of google maps api
and the mysterious Loading just disapeared
idk why but randomely i commented the LoadScript component of google maps api
and the mysterious Loading just disapeared
6 Replies
@Zvki1 I’m encountering an issue in my Next.js project where a "Loading..." message appears during page transitions or initial loading.
The problem is that I can't locate where this text is coming from in the codebase:
I've created custom loading.tsx files under the appropriate routes, attempting to override it with a custom loader.
I also searched the entire codebase using Ctrl + Shift + F in VSCode, looking for "Loading...", but couldn’t find its source.
Despite these efforts, the mysterious "Loading..." still shows up.
I'm trying to identify what’s injecting this fallback and how to override it with my custom loading component.
probably some
check for your
<Suspense fallback={<div>Loading...</div>}>
or <div>Loading...</div>
inside loading.tsx
filescheck for your
loading.tsx
files and Suspense
boundaries in your code and your dependenciesZvki1OP
already checked 😢 but nothing
am doubting about this
// if (loading) {
// return <div>Loading...</div>;
// }
but its already commented
// if (loading) {
// return <div>Loading...</div>;
// }
but its already commented
or something in the cache
Zvki1OP
i solved ittt
idk why but randomely i commented the LoadScript component of google maps api
and the mysterious Loading just disapeared
idk why but randomely i commented the LoadScript component of google maps api
and the mysterious Loading just disapeared
Answer
Zvki1OP
✅