Problems with the auto-prefetch feature

🙋Get Help
1

Cool feature. I’m having trouble getting it working.

I updated all packages, then deleted node_modules, reinstalled. Added it to the theme object. Made sure was using the Link component.

custom-66
custom-66686×694 28.4 KB
custom-65
custom-65754×572 65.1 KB

Standard Nav with Link:

custom-67
custom-671574×622 42.6 KB

Thanks!

1 Like
2

following, because I also cant get it to work.

4

@Pablo

Here is my repo. I’m not sure what else I need to do for the auto prefetch to work.

5

I took a quick look at the repo you shared and it seems in the <Nav /> component for example, you are using the <Link /> component created for mars-theme, which was created before an official <Link /> component existed. This means that, in the places you want to use the official component instead of the mars-theme one, you have to import it from @frontity/components/link. For example, in this case, it would be:

import Link from "@frontity/components/link";

instead of:

import Link from "./link"

If you change all the links to use @frontity/components/link instead of the local one, you could even get rid of the local component.

We should probably substitute the <Link /> local components in both mars and twentytwenty and use @frontity/components/link instead, sorry for the confusion here.

Could you confirm if that’s your case @matthewbertweb and @justin please?

1 Like
6

Thank you!! That absolutely did the trick for me!

2 Likes
7

@SantosGuillamot Yea, that worked for me. Appreciate it!

2 Likes