Unable to import createClient from prismicio

Developing with Prismic
1

Hey there,

Please do bare with me as I am a designer learning to code.

I am trying to use Prismic in a project to learn how to create next.js sites and webapps.

I'm getting pretty stuck early on when it comes to importing createClient from prismicio

I'm following this guide. Fetch Data in Next.js - Documentation - Prismic

I get the following warning:

./pages/index.js:6:0
Module not found: Can't resolve '@/prismicio'

I've also tried import { createClient } from "../prismicio"; which then leads to another error.

The code I am using createClient for is the following:

export async function getServerSideProps(ctx){
  const client = createClient();
  const homepage = await client.getSingle('homepage');
  console.log(homepage)
  return {
    props:{}
  }
}

and I get the following errors on my localhost:

Screenshot 2023-05-08 at 15.56.36
Screenshot 2023-05-08 at 15.56.361950×1042 187 KB

Any ideas what I could be doing wrong here?

2

Some more info:

I've also tried following this guide here: https://www.locofy.ai/blog/building-a-blog-app-from-a-figma-design-with-locofy.ai

Where I run into the same issues.

Here is an image of the custom type:

Screenshot 2023-05-08 at 15.58.23
Screenshot 2023-05-08 at 15.58.232660×616 39.6 KB

Screenshot 2023-05-08 at 15.59.11
Screenshot 2023-05-08 at 15.59.111982×1460 479 KB

3

Hi Will,
I have seen this issue before. Check your prismicio.js file and look for your route resolver.
Comment out your page route, and leave the homepage route there:


const routes = [
  {
    type: 'homepage',
    path: '/',
  },
  // {
    // type: 'page',
    // path: '/:uid',
  // },
]

Let me know if that helps.

4

Another possible reason behind that error message is having no documents published of the custom type which it says is declared but unknown (i.e. 0 published documents of page customType)

5

Thanks for the replies folks. The issue lay with the route resolver in this case. Something I seem to have issues getting my head around