Nuxt.js Preview failing on Netlify

hung.vo · February 18, 2021, 8:19am

Hi @Phil
I'im also using nuxtjs with target is static to deploy on netlify server
But preview not working, return 404 page always
but I did test on my localhost then working fine

Phil · February 18, 2021, 11:32am

Hi Hung,

Welcome to the community!

Can you tell me if you have this fallback set up for Netlify in your Nuxt.config?

github.com

prismicio/nuxtjs-website/blob/c30e1bc3afc16e5cce0aeb26d1d188d82720267b/nuxt.config.js#L77


  /*
   ** Build configuration
   */
  build: {
    /*
     ** You can extend webpack config here
     */
    transpile: ["vue-slicezone", "nuxt-sm"]
  },
  generate: {
    fallback: "404.html" // Netlify reads a 404.html, Nuxt will load as an SPA
  },
  storybook: {
    stories: ["~/slices/**/*.stories.js"]
  },
  ignore: ["**/*.stories.js"]
}

Are you using the @prismic/nuxt module?

hung.vo · February 18, 2021, 2:47pm

Hi @Phil
Yes, Im using the @nuxtjs prismic module with fallback settup as like above
Please tell me know if it is wrong? Or I need to change any thing? Thanks! ^^

Phil · February 18, 2021, 3:18pm

This issue is due to @nuxt/ufo which is a new URL handling helpers that got introduced in nuxt@2.14.12. Everyone that installed this patch since its release (16th of December) and before the 6th of January inherited the bug which has now been fixed with @nuxt/ufo@^0.5.3

To fix this issue users need to run npm update or yarn upgrade , this will bump the package version and fix it (If this doesn't work, delete the package-lock.json & node_modules then run npm i)

hung.vo · February 18, 2021, 3:52pm

I dont think so because my local is working and only not working when deploy it on Netlify
So strange

Phil · February 18, 2021, 3:59pm

Did you check your version of ufo?

hung.vo · February 18, 2021, 4:05pm

I didn’t see ufo in package json file

Phil · February 18, 2021, 4:14pm

It should be in the package-lock.json

hung.vo · February 19, 2021, 2:28am

"@nuxt/ufo": {
"version": "0.5.4",
"resolved": "https://registry.npmjs.org/@nuxt/ufo/-/ufo-0.5.4.tgz",
"integrity": "sha512-JZOGDlt2BvLCBmLhrchhRJ6tP9PBfSWLdsHC+JVJ5Qp8/hT/2u61cSsLS30zUOwcPRaQ3y2oHNkEiKJ5v90iEQ==",
"dev": true
},

"version": "0.5.4" but it's still not working

hung.vo · February 19, 2021, 2:31am

and as I mentioned it was worked when I preview by localhost with mode dev
And not only working when I deploy to Netlify with mode Prod ( nuxt generate)

Phil · March 4, 2021, 11:07am

Hi Hung,

I'm very sorry I'm only getting back to you now. This got lost in my backlog.

Can you send me a zip or Github link to your project so I can test this for you and try and debug?

Thanks.

Phil · March 24, 2021, 3:27pm

This issue has been closed due to inactivity. Flag to reopen.

Topic		Replies	Views
Previews only work locally (Nuxt 2, Netlify) Developing with Prismic	5	289	September 14, 2023
Nuxt.js previewing drafts Developing with Prismic nuxtjs	3	915	December 9, 2021
Nuxt/prismic preview not working on production server Developing with Prismic nuxtjs	5	1481	December 9, 2021
Prismic Preview with Static Nuxt + Netlify not working Developing with Prismic nuxtjs	6	497	December 9, 2021
Unpublished posts cannot be previewd with Nuxt.js Developing with Prismic nuxtjs	3	1037	December 9, 2021

Nuxt.js Preview failing on Netlify

Related topics