"Cannot use import statement outside a module"

Developing with Prismic
1

Hi, Prismic Support team!

I am implementing the Preview feature when content changes in Prismic.
So followed this instruction.

image
image863×744 48.9 KB

But I get a SyntaxError: Cannot use import statement outside a module

image
image755×190 5.46 KB

image
image1005×503 19.7 KB

Please help me to solve this error.
Thanks,

Yurii

3

Hi Yuri,

I'll be happy to debug this with you, can you show me:

  1. your _document.js file
  2. you package.json

Thanks.

4

image
image1299×878 67.5 KB

Please look at this image.
Thanks

5

Hi Yurri,

I'm guessing this is coming from the configuration of your project, maybe the linting or something, the following article explains how to fix it:

But essentially you'll need to import the file like this I guess:

<script type="module" src="next-slicezone/resolver"></script>

Let me know if this helps.

Thanks.

6

Well, then how can I use "createResolver" method there?

image
image1062×545 21.6 KB

7

image

8

OK, it seems the workaround I suggested has made things worse.

9

What does your next.config.js file look like?

10

image

11

There is no importing 'createResolver' from the next-slicezone/resolver code in this instruction.
So I've removed it and I think it works well now.

12

Can you try updating your slicezone with

npm i next-slicezone@latest

and change your import back to

import { createResolver } from "next-slicezone/resolver";
1 Like
13

Yeah, it works as well!
Many thanks, Phil
:+1:

1 Like
14

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.