Hydration issue with Netlify deployments

Environment

Nuxt CLI v3.0.0-rc.5 15:54:14 RootDir: /home/sfrede/Sites/SabineHugo/Website 15:54:15 Nuxt project info: 15:54:15

---

• Operating System: Linux
• Node Version: v16.16.0
• Nuxt Version: 3.0.0-rc.5
• Package Manager: npm@8.15.1
• Builder: vite
• User Config: css, modules, typescript, app, content
• Runtime Modules: @nuxt/content@2.1.0-27630041.9582f8c, @vueuse/nuxt@8.9.3
• Build Modules: -

---

Reproduction

A regular deploy on Netlify.

Describe the bug

I realized at some point that my deploy previews on Netlify were slightly off.

For example my footer component was doubled and my slider component stopped working as expected.

At first this just affected the deploy previews but since of today this is also affecting production which renders us unable to deploy anything.

Needless to say that locally everything is working fine.

This is the repository: https://github.com/sabinehugo189/sabinehugo

Because I’m not sure if this is a problem with Nuxt3 or with Netlify I also posted the problem on the Netlify forum: https://answers.netlify.com/t/differences-between-deploy-previews-and-live-with-nuxt-3/71603/3.

Additional context

No response

Logs

No response

[pi0]

After long debugging with @danielroe, we could narrow it down to a recent change in RC.5. (context: #5506)

We are still investigating but as a quick workaround, please try this in nuxt.config:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  hooks: {
    'vite:extendConfig'(config, { isServer }) {
      if (isServer) {
        // Workaround for netlify issue
        // https://github.com/nuxt/framework/issues/6204
        config.build.rollupOptions.output.inlineDynamicImports = true
      }
    }
  },
})

[stefanfrede]

I can confirm that the workaround is working.