ssr does not properly handle dynamic import correctly in onMounted

[issue-up]

Forwarded from downstream issue: ssr does not properly handle dynamic import correctly in onMounted nuxt/nuxt#13819 by @baixiaoyu2997

Environment

Nuxt project info: 14:31:07

---

• Operating System: Darwin
• Node Version: v16.14.0
• Nuxt Version: 3.0.0-rc.1-27510703.46ecbc5
• Package Manager: [email protected]
• Builder: vite
• User Config: target
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/nuxt-starter-jvkzzr?file=package.json

run yarn generate in Terminal

Describe the bug

build in server side, when use import() in lifecycle hook, show error window is not defined

i check in .nuxt/dist/server/server.mjs, found import() result at toplevel , like this ：

const entry$1 = (ctx) => entry(ctx);
window.test = 123;      //  this is my import result
const test = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null
}, Symbol.toStringTag, { value: "Module" }));

Additional context

No response

Logs

No response

[danielroe]

This probably should not be opened as-is. I need to look into this a bit more to create a reproduction.

[danielroe]

Here's a reproduction. Default rollup behaviour is to render dynamic chunks.

[sapphi-red]

Dynamic imported modules are inlined because Vite turns inlineDynamicImports on for SSR builds. (related: nuxt/nuxt#14846)

Changing the config to below worked for the nuxt reproduction.

export default defineNuxtConfig({
  target: 'static',
  vite: {
    build: {
      rollupOptions: {
        output: {
          inlineDynamicImports: false
        },
      },
    }
  }
});

I think turning inlineDynamicImports off for ssr.target = 'node' by default makes sense. I assume this option was turned on for ssr.target = 'webworker'.