Nextjs - importing next/document outside of pages/_document error

Question

I am getting this error during build time because of Next.js custom document.

So, during the build time I am getting an error saying, Also I have the _document.js in pages/_document.js.

next/document should not be imported outside of pages/_document.js. See https://nextjs.org/docs/messages/no-document-import-in-page.

Please help me!

EDIT

Update next and eslint-config-next to version 11.1.3-canary.7

Search around if you see next/document laying somewhere else? — Ryan Le
– Ryan Le, Commented Sep 5, 2021 at 7:05
This is a known issue, try to update as my answer to see if it helps. — Ryan Le
– Ryan Le, Commented Sep 5, 2021 at 7:58

Nikola · Accepted Answer · 2021-09-18 20:03:52Z

31

A known issue that is fixed in #28596

If you don't want to update to the canary versions and still keep working normally just exclude it from your .eslintrc.json rules:

"rules": {
    "@next/next/no-document-import-in-page": "off"
}

More info on how to exclude rules here: disabling-rules

answered Sep 18, 2021 at 20:03

Nikola

1,0111 gold badge12 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tushar Sharma Over a year ago

Still facing this issue on version 13.5.4. Was facing a different issue with import on the latest next 14.1.0 tried to make create an issue on the github repository but turns out codesandbox is not working in itself so I can't share the steps to reproduce. Might have to create an issue for that also. Strange weekend.

Ryan Le · Accepted Answer · 2021-09-12 14:50:53Z

12

This is a known issue from the latest Nextjs update

Quote from Nextjs team:

This is fixed in #28745 and works in 11.1.3-canary.7. Please upgrade to that version if you're experiencing this issue and if you're still seeing the same error, make sure to clear your cache (next lint --no-cache).

Conclude:

You need to update Nextjs and eslint-config-next to 11.1.3-canary.7 and don't forget to clear cache next lint --no-cache

edited Sep 12, 2021 at 14:50

answered Sep 5, 2021 at 7:55

Ryan Le

8,5101 gold badge18 silver badges27 bronze badges

4 Comments

Ryan Le Over a year ago

How comes? Did you update to that version and clear cache?

Arya Anish Over a year ago

Ok, let me try again

Ryan Le Over a year ago

Sure, Let me know if it helps.

Arya Anish Over a year ago

Srry, I am a bit late. just changed next and eslint-config-next to version 11.1.3-canary.7

Collectives™ on Stack Overflow

Nextjs - importing next/document outside of pages/_document error

2 Answers 2

1 Comment

This is a known issue from the latest Nextjs update

Conclude:

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

This is a known issue from the latest Nextjs update

Conclude:

4 Comments

Linked

Related