nuxt: [nuxt] [request error] Directory import '...\.output\server\node_modules\@apollo\client\core' is not supported resolving ES modul es imported from ...\.output\server\chunks\server.mjs Did you mean to import @apollo/client/core/index.js?

Hello everybody! You need to transpile all the modules which use @apollo/client. So if you use @vue/apollo-composable then you need to add this module to transpile section either.

defineNuxtConfig({
 build: {
   transpile: ['@apollo/client', '@vue/apollo-composable']
 }
})

Also you can transpile the modules only during building:

const lifecycle = process.env.npm_lifecycle_event

defineNuxtConfig({
  build: {
    transpile: lifecycle === 'build' || lifecycle === 'generate' ? ['@apollo/client', '@vue/apollo-composable'] : [],
  }
})

UPDATE: See https://github.com/nuxt/nuxt.js/issues/13995 for the solution

Apollo should work fine on both, server and client side. But it likely must be transpiled.

Add '@apollo/client' and 'ts-invariant/process' to your transpile array in the nuxt.config.js/.ts

example:

defineNuxtConfig({
  build: {
    transpile: ['@apollo/client', 'ts-invariant/process']
  }
})

Same error with transpile.

Feel free to check out this module which should work fine AFAIK and adds apollo as well. I saw that you e.g. need to use ssrMode: true when creating your apollo client on the server side (see here).

Seems that the StackBlitz reproduction works now ☺️

this module <0.1.0 works fine with nuxt3 but not nuxt@rc 0.1.1 works for nuxt@rc now

@manniL It only works in a dev mode, but not in build. I think there is a problem with nuxt. And I already use ssrMode: true