offline-fallback-v2 don't routing to _offline.js page when offline

[Dieber]

Summary

offline-fallback-v2 don't routing to _offline.js page when offline

Versions

• next-pwa: latest
• next: ^12.1.0

How To Reproduce

Steps to reproduce the behavior:

1. clone next-pwa offline-fallback-v2 example
2. start server, access localhost:3000
3. Go to DevTools, disable cache, set throtting to offline
4. refresh

Expected Behaviors

Expect show page which is writing in _offline.js

Screenshots

[shadowwalker]

This is working as expected for me. If you take a look at README instruction, it specifically says yarn build && yarn start instead of yarn dev. Can you try that?

[frinzekt]

I am also experiencing this too... I don't get rerouted to the _offline.js page. I just stick on the current page even after refresh

[frinzekt]

Relevant issue #328

[Dieber]

This is working as expected for me. If you take a look at README instruction, it specifically says yarn build && yarn start instead of yarn dev. Can you try that?

yep, I certenly run the "npm run build" & "npm start" not "npm run dev", which I forgot mention...

[shadowwalker]

@Dieber @frinzekt You are visiting the / root path, which can be served by cache. If you take offline, then visit a path like /foobar, it will show the offline page for you. This is what this fallback feature all about. Normally if you build a blog website, user visited a new blog page like /blog/some-new-page, if user is online, he could visit the new blog normally and cache it, but if he is offline, he would be directed to a nice offline page.

[alirezavalizade]

I have same issue, none of fallback options working. Not offline page and not image fallbacks!

[Dieber]

Thanks for your reply, I think your answer is helped me...

[belkocik]

same here: got ann error Application error: a client-side exception has occurred (see the browser console for more information). and it doesn't route to _offline.js (if I slide from up to down - refresh a page) then it shows _offline.js page :/ what is it?