Module not found: Can't resolve '../../slices' when uploading project to Vercel

Developing with Prismic
1

Hello everyone, I've successfully completed my project, and it functions perfectly on localhost. However, when I attempt to deploy it on Vercel, I encounter the following error.

[03:40:09.686]    Creating an optimized production build ...
[03:40:14.694] Failed to compile.
[03:40:14.694] 
[03:40:14.694] ./src/app/slice-simulator/page.tsx
[03:40:14.694] Module not found: Can't resolve '../../slices'
[03:40:14.694] 
[03:40:14.694] https://nextjs.org/docs/messages/module-not-found
[03:40:14.695] 
[03:40:14.695] 
[03:40:14.695] > Build failed because of webpack errors
[03:40:14.723] Error: Command "npm run build" exited with 1

Is there a solution to address this issue?

2

Hi Justin,

I'll be happy to help with this.

Did you test opening the Slice Simulator when working locally?

Thanks.

3

Hi Phil,

Locally everything works fine!

4

Previewing Slices included?

5

Yes everything works fine local but when i try to deploy it on Vercel i get that error.

I followed this tutorial: https://www.youtube.com/watch?v=nfZu56KsK_Q&t

6

Do you have your project on GitHub and can maybe provide me a link?

7

Yes i'll send you it!

Github: GitHub - OftewelJustin/flowrise-prismic

8

OK, can you try changing the import in the file to:
"../../../slices";

9

Wait sorry

10

Where do i have to import it?

11

You haven't added any Slices to your project yet.

12

Okay how do i do that?

13

The tutorial you're following should show you how to do that. You don't need to deploy yet, try following until you add some Slices and then deploy.

import { components } from "../../slices"; is searching for a folder that doesn't exist yet.

14

Thank you a lot, i forget to import import { SliceZone } from "@prismicio/react"; into my slices!