Generate: [error] Cannot read property 'data' of undefined

[maxvdschee (theFactor.e Dev (Max))]

He Phill,

Switching to the new Nuxt based full static will not generate all pages. If I don't use the apiOptions I will not get the full 87 pages, and it will just generate 49 pages. Overview pages like /cases will not have any links going to the underlaying pages.

[Phil (Phil Snow)]

Hey Max,

That's strange because like I was saying the apiOptions doesn't actually generate the routes/pages, that's done by the Nuxt plugin. Do you know which pages in your project aren't being generated?

[maxvdschee (theFactor.e Dev (Max))]

All pages that are missing from the generate:

/actueel/events/cloud-native-als-onderdeel-van-de-digitale-strategie
/actueel/nieuws/16-september-2020
/actueel/nieuws/25-maart-2021
/actueel/nieuws/billy-2.0-tijd-voor-een-nieuw-mobiel-usability-lab
/actueel/nieuws/danny-at-work
/actueel/nieuws/hanzehogeschool-groningen-kiest-voor-thefactor.e
/actueel/nieuws/hku-wint-award
/actueel/nieuws/hogescholen-website-benchmark-2020
/actueel/nieuws/klantevent-informatief-confronterend-gezellig-hoopvol
/actueel/nieuws/nieuwe-richtlijn-toegankelijkheidwcag-2.1-van-kracht
/actueel/nieuws/nieuwe-samenwerking-augeo-foundation-en-thefactor.e
/actueel/nieuws/nieuwe-samenwerking-thefactore-eroutes
/actueel/nieuws/nieuws-site-sein
/actueel/nieuws/online-open-dag-van-thefactore-een-terugblik
/actueel/nieuws/onze-nieuwe-website-is-live
/actueel/nieuws/rdw-nieuwe-strategisch-partner
/actueel/nieuws/rene-at-work
/actueel/nieuws/samenwerking-universiteit-leiden
/actueel/nieuws/test
/actueel/nieuws/thefactor.e-in-emerce100-muzikale-verrassing-op-kantoore
/actueel/nieuws/thefactor.e-voor-de-zesde-keer-op-rij-in-emerce-100
/actueel/nieuws/vanaf-nu-kun-je-gratis-de-wereld-verbeteren-door-online
/actueel/nieuws/wijzelf-samenwerking-thefactore
/actueel/at-work/max-at-work
/actueel/at-work/rene-at-work_2

/cases/excap
/cases/myler
/cases/olympia
/cases/olympia1
/cases/patienten-in-de-lead-bij-nieuwe-website-umcg
/cases/test-1
/cases/thefactor.e

/max-at-work

/opinies/4-belangrijke-voordelen-van-een-design-system
/opinies/begin-met-informatiebeveiliging-maak-je-security-officer
/opinies/dankzij-gdpr-weer-de-juiste-focus-op-personalisering
/opinies/internationale-data-soap
/opinies/kunstmatige-intelligentie-3-tendensen
/opinies/met-tfe-de-wereld-over
/opinies/strategy-by-design-katalysator-voor-digitale-organisaties

[Phil (Phil Snow)]

OK, I'll try and look at this Monday with @lihbr .

[Phil (Phil Snow)]

Hey @maxvdschee ,

I discussed this with Lucie and she explained to me what's going on. So because we removed the apiOptions for the route resolver the project then falls back on the default nuxt.js route generator, which creates the routes by crawling links.

The generate Property

So because the documents above aren't linked anywhere in your project their routes aren't generated by Nuxt.js.

This was something that was overcome previously by our route resolver as it does a query server-side for all Prismic documents and creates the routes based on this. The issue here obviously being that this broke for you because of the hyphen in the parent folder.

So we have 2 options here:

1. You can wait until sometime next week for the team to fix the hyphen '-' issue in the route resolver so you can use this.
2. You could write a custom function in your nuxt.config which queries all the docs in your Prismic repo and generates your routes based on this: The generate Property - NuxtJS

One of these is obviously easier haha

Let me know what you think.

Thanks.

[maxvdschee (theFactor.e Dev (Max))]

Hi @Phil,

Thanks for looking into it. Option 1 sounds good to me! It's just a week, so that's not really a big deal; I'm already pleased this can be fixed on such short notice

[maxvdschee (theFactor.e Dev (Max))]

@Phil How is the issue coming along?

[Phil (Phil Snow)]

Hey Max,

The fix has been created and tested, so we're just waiting to get it merged. I'm following up with the team about when this can happen.

In the meantime a user has suggested a workaround here:

Nuxt route resolve

If you plan to have the 'about-type' as a UID you can overcome the hyphen issue on 'about-me' by creating a relationship back to the parent 'about-me' document and using a resolver. For example, your uid page 'about type' has a relationship field 'link_to_about' that you link to 'about-me' in Prismic. Then you can use the resolver like so: { type: "about-type", path: "/:about/:uid", resolvers: { about: "link_to_about" } }

Let me know if this works for you and I'll update you shortly with the plans to merge the fix.

Thanks.

[maxvdschee (theFactor.e Dev (Max))]

He Phil,
If the fix is just a merge away I would rather wait for a solid fix. But if this is going to take a month I will start looking in the workaround.

[Phil (Phil Snow)]

Hopefully, it will be merged by the end of next week.

[Phil (Phil Snow)]

Hi @maxvdschee,

We've finally got this deployed and I've activated it for your repo. Sorry about the long delay, we're deploying a lot of stuff at the moment.

For anyone experiencing this in the future, you can message the activations team, as described here, and we'll get this fix turned on for you.

Thanks.

[maxvdschee (theFactor.e Dev (Max))]

Thank you for providing a fix for the issue. I'm can happily confirm this fixed the problem.

Great work, and many thanks for all the effort!