nuxt-modules / apollo

Nuxt.js module to use Vue-Apollo. The Apollo integration for GraphQL.
https://apollo.nuxtjs.org
MIT License
929 stars 195 forks source link

"yarn dev" works but "yarn start" doesn't(Cannot find package graphql) #460

Open byunginhb opened 1 year ago

byunginhb commented 1 year ago

Environment


Describe the bug

When I run it as "yarn dev" it works fine. The problem occurs when running with "yarn start". If I delete the code related to "apollo" in nuxt.config.ts, it works fine.

 modules: [
     '@nuxtjs/apollo',
 ],
 apollo: {
     autoImports: true,
     clients: {
         default: {
             httpEndpoint: 'http://localhost:8080/graphql'
         }
     }
#nuxt.config.ts
export default defineNuxtConfig({
    typescript: {
        strict: true,
        typeCheck: true
    },
    app: {
        pageTransition: { name: 'page', mode: 'out-in' }
    },
    css: ['~/assets/css/main.css'],
    postcss: {
        plugins: {
            tailwindcss: {},
            autoprefixer: {}
        }
    },
    modules: [
        '@nuxtjs/apollo',
        [
            '@pinia/nuxt',
            {
                autoImports: ['defineStore']
            }
        ]
    ],
    apollo: {
        autoImports: true,
        clients: {
            default: {
                httpEndpoint: 'http://localhost:8080/graphql'
            }
        }
    }
});
#error log
[nuxt] [request error] [unhandled] [500] Cannot find package 'D:\Projects\theidlab-fe\.out                  11:46:33put\server\node_modules\graphql\' imported from D:\Projects\theidlab-fe\.output\server\chunks\server.mjs                                                                            put\server\node_modules\graphql\' imported from D
  at new NodeError (node:internal/errors:372:5)
  at legacyMainResolve (node:internal/modules/esm/resolve:341:9)
  at packageResolve (node:internal/modules/esm/resolve:941:14)
  at moduleResolve (node:internal/modules/esm/resolve:1003:20)
  at defaultResolve (node:internal/modules/esm/resolve:1218:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)
  at link (node:internal/modules/esm/module_job:78:36)
[nuxt] [request error] [unhandled] [500] Cannot find package 'D:\Projects\theidlab-fe\.output\server\node_modules\graphql\' imported from D:\Projects\theidlab-fe\.output\server\chuput\server\node_modules\graphql\' imported from Dnks\server.mjs
  at new NodeError (node:internal/errors:372:5)
  at legacyMainResolve (node:internal/modules/esm/resolve:341:9)
  at packageResolve (node:internal/modules/esm/resolve:941:14)
  at moduleResolve (node:internal/modules/esm/resolve:1003:20)
  at defaultResolve (node:internal/modules/esm/resolve:1218:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)
  at link (node:internal/modules/esm/module_job:78:36)

Expected behaviour

"yarn start" task worked fine

Reproduction

https://github.com/theidlab/theidlab-fe

Since this repository is private, we can temporarily open it if you let us know your github account

Additional context

export default defineNuxtConfig({ typescript: { strict: true, typeCheck: true }, app: { pageTransition: { name: 'page', mode: 'out-in' } }, css: ['~/assets/css/main.css'], postcss: { plugins: { tailwindcss: {}, autoprefixer: {} } }, modules: [ '@nuxtjs/apollo', [ '@pinia/nuxt', { autoImports: ['defineStore'] } ] ], apollo: { autoImports: true, clients: { default: { httpEndpoint: 'http://localhost:8080/graphql' } } } });

Logs

[nuxt] [request error] [unhandled] [500] Cannot find package 'D:\Projects\theidlab-fe\.out                  11:46:33put\server\node_modules\graphql\' imported from D:\Projects\theidlab-fe\.output\server\chunks\server.mjs                                                                            put\server\node_modules\graphql\' imported from D
  at new NodeError (node:internal/errors:372:5)
  at legacyMainResolve (node:internal/modules/esm/resolve:341:9)
  at packageResolve (node:internal/modules/esm/resolve:941:14)
  at moduleResolve (node:internal/modules/esm/resolve:1003:20)
  at defaultResolve (node:internal/modules/esm/resolve:1218:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)
  at link (node:internal/modules/esm/module_job:78:36)
[nuxt] [request error] [unhandled] [500] Cannot find package 'D:\Projects\theidlab-fe\.output\server\node_modules\graphql\' imported from D:\Projects\theidlab-fe\.output\server\chuput\server\node_modules\graphql\' imported from Dnks\server.mjs
  at new NodeError (node:internal/errors:372:5)
  at legacyMainResolve (node:internal/modules/esm/resolve:341:9)
  at packageResolve (node:internal/modules/esm/resolve:941:14)
  at moduleResolve (node:internal/modules/esm/resolve:1003:20)
  at defaultResolve (node:internal/modules/esm/resolve:1218:11)
  at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:80:40)
  at link (node:internal/modules/esm/module_job:78:36)
furier commented 1 year ago

We are having the same issue when running @nuxtjs/apollo@5.0.0-alpha.6 and nitro preset: node-server, however it works fine with the azure preset.

[nuxt] [request error] [unhandled] [500] Cannot find package 'C:\dev\ASD\ASDConnected\src\ASD.Portal\.output\server\node_modules\graphql\' imported from C:\dev\ASD\ASDConnected\src\ASD.Portal\.output\server\chunks\app\server.mjs
  at new NodeError (node:internal/errors:387:5)
  at legacyMainResolve (node:internal/modules/esm/resolve:242:9)
  at packageResolve (node:internal/modules/esm/resolve:839:14)
  at moduleResolve (node:internal/modules/esm/resolve:901:20)
  at defaultResolve (node:internal/modules/esm/resolve:1115:11)
  at nextResolve (node:internal/modules/esm/loader:163:28)
  at ESMLoader.resolve (node:internal/modules/esm/loader:837:30)
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:40)
  at link (node:internal/modules/esm/module_job:75:36)