[nuxt] [request error] [unhandled] [500] Cannot find module’ vue/server-renderer/index.mjs’ (3.12.2)

Y@ · 2024-07-26T08:05:19.619Z

I just build and start, after that I got some error https://drive.google.com/file/d/14d0hZhJriMMBIZJ9BJVLl9Cs20MzM_yu/view?usp=sharing

Y

Y@OP•7/26/24, 8:06 AM

Operating System:
```
Darwin
```
Darwin
```
Darwin
```
Darwin
Node Version:
```
v20.15.1
```
v20.15.1
```
v20.15.1
```
v20.15.1
Nuxt Version:
```
3.12.2
```
3.12.2
```
3.12.2
```
3.12.2
CLI Version:
```
3.12.0
```
3.12.0
```
3.12.0
```
3.12.0
Nitro Version:
```
2.9.7
```
2.9.7
```
2.9.7
```
2.9.7
Package Manager:
```
yarn@1.22.22
```
yarn@1.22.22
```
yarn@1.22.22
```
yarn@1.22.22
Builder:
```
-
```
-
```
-
```
-

User Config:

devtools

devtools

devtools

devtools,

vite

vite

,

css

css

,

modules

modules

modules

modules,

imports

imports

,

routeRules

routeRules

routeRules

routeRules,

pwa

pwa

pwa

pwa,

app

app

,

runtimeConfig

runtimeConfig

runtimeConfig

runtimeConfig,

plugins

plugins

plugins

plugins,

device

device

device

device,

devServer

devServer

devServer

devServer,

lodash

lodash

lodash

lodash,

experimental

experimental

experimental

experimental,

compatibilityDate

compatibilityDate

compatibilityDate

compatibilityDate

Runtime Modules:
```
@pinia/nuxt@0.5.1
```
@pinia/nuxt@0.5.1
```
@pinia/nuxt@0.5.1
```
@pinia/nuxt@0.5.1
,
```
@pinia-plugin-persistedstate/nuxt@1.2.0
```
@pinia-plugin-persistedstate/nuxt@1.2.0
```
@pinia-plugin-persistedstate/nuxt@1.2.0
```
@pinia-plugin-persistedstate/nuxt@1.2.0
,
```
nuxt-lodash@2.5.3
```
nuxt-lodash@2.5.3
```
nuxt-lodash@2.5.3
```
nuxt-lodash@2.5.3
,
```
@vite-pwa/nuxt@0.6.0
```
@vite-pwa/nuxt@0.6.0
```
@vite-pwa/nuxt@0.6.0
```
@vite-pwa/nuxt@0.6.0
,
```
@bootstrap-vue-next/nuxt@0.16.6
```
@bootstrap-vue-next/nuxt@0.16.6
```
@bootstrap-vue-next/nuxt@0.16.6
```
@bootstrap-vue-next/nuxt@0.16.6
,
```
nuxt-route-meta@5.0.0
```
nuxt-route-meta@5.0.0
```
nuxt-route-meta@5.0.0
```
nuxt-route-meta@5.0.0
,
```
@nuxtjs/device@3.1.1
```
@nuxtjs/device@3.1.1
```
@nuxtjs/device@3.1.1
```
@nuxtjs/device@3.1.1
,
```
@vueuse/nuxt@10.9.0
```
@vueuse/nuxt@10.9.0
```
@vueuse/nuxt@10.9.0
```
@vueuse/nuxt@10.9.0
,
```
floating-vue/nuxt
```
floating-vue/nuxt
```
floating-vue/nuxt
```
floating-vue/nuxt
,
```
nuxt-swiper@1.2.2
```
nuxt-swiper@1.2.2
```
nuxt-swiper@1.2.2
```
nuxt-swiper@1.2.2
Build Modules:
```
-
```
-
```
-
```
-

L

LATEEK•7/26/24, 8:59 AM

Got same issue today when deploying on AWS Amplify

[nuxt] [request error] [unhandled] [500] Cannot find module '/var/task/node_modules/vue/server-renderer/index.mjs' imported from /var/task/chunks/routes/renderer.mjs

[nuxt] [request error] [unhandled] [500] Cannot find module '/var/task/node_modules/vue/server-renderer/index.mjs' imported from /var/task/chunks/routes/renderer.mjs

[nuxt] [request error] [unhandled] [500] Cannot find module '/var/task/node_modules/vue/server-renderer/index.mjs' imported from /var/task/chunks/routes/renderer.mjs

[nuxt] [request error] [unhandled] [500] Cannot find module '/var/task/node_modules/vue/server-renderer/index.mjs' imported from /var/task/chunks/routes/renderer.mjs

LLATEEK Got same issue today when deploying on AWS Amplify 😦 ``` [nuxt] [request erro...

Y

Y@OP•7/26/24, 9:10 AM

I relized the issue is from nitro, nitro grab new vue version but we not yet using current vue version. So my temporary solving is:

create new folder with name "server-renderer" in the root app
create new command in package.json "cp:server-renderer": "cp -rn server-renderer .output/server/node_modules/vue/server-renderer",
and running this command after build nuxt.

Note: "Sorry if my english was bad (begginer)"

YY@I relized the issue is from nitro, nitro grab new vue version but we not yet usi...

L

LATEEK•7/26/24, 10:00 AM

Thanks for your feedback !
We we're kinda in the same situation, we can't use the last vue version as it generate bug. So we stick with 3.4.31, so we forced the module resolution in package.json like :

  "pnpm": {
    "overrides": {
      "vue": "3.4.31"
    }
  },

  "pnpm": {
    "overrides": {
      "vue": "3.4.31"
    }
  },

  "pnpm": {
    "overrides": {
      "vue": "3.4.31"
    }
  },

  "pnpm": {
    "overrides": {
      "vue": "3.4.31"
    }
  },

Y

Y@OP•7/26/24, 10:28 AM

you are using pnpm and I tried your solutions not working, but I'm using yarn and I tried this:
"resolutions": {
"vue": "3.4.31"
}

it worked also, so i can remove the command cp before. thanks

YY@you are using pnpm and I tried your solutions not working, but I'm using yarn an...

P

Paşa•8/21/24, 12:42 PM

I have same error

P

Paşa•8/21/24, 12:43 PM

Y

Y@OP•8/21/24, 12:44 PM

What your error message in terminal?

P

Paşa•8/21/24, 12:46 PM

[nuxt] [request error] [unhandled] [500] Cannot find module '/Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/node_modules/vue/server-renderer/index.mjs' imported from /Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/chunks/routes/renderer.mjs
  at new NodeError (node:internal/errors:405:5)  
  at finalizeResolution (node:internal/modules/esm/resolve:327:11)  
  at moduleResolve (node:internal/modules/esm/resolve:980:10)  
  at defaultResolve (node:internal/modules/esm/resolve:1193:11)  
  at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:404:12)  
  at ModuleLoader.resolve (node:internal/modules/esm/loader:373:25)  
  at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:250:38)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)  
  at link (node:internal/modules/esm/module_job:75:36)

[nuxt] [request error] [unhandled] [500] Cannot find module '/Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/node_modules/vue/server-renderer/index.mjs' imported from /Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/chunks/routes/renderer.mjs
  at new NodeError (node:internal/errors:405:5)  
  at finalizeResolution (node:internal/modules/esm/resolve:327:11)  
  at moduleResolve (node:internal/modules/esm/resolve:980:10)  
  at defaultResolve (node:internal/modules/esm/resolve:1193:11)  
  at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:404:12)  
  at ModuleLoader.resolve (node:internal/modules/esm/loader:373:25)  
  at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:250:38)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)  
  at link (node:internal/modules/esm/module_job:75:36)

[nuxt] [request error] [unhandled] [500] Cannot find module '/Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/node_modules/vue/server-renderer/index.mjs' imported from /Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/chunks/routes/renderer.mjs
  at new NodeError (node:internal/errors:405:5)  
  at finalizeResolution (node:internal/modules/esm/resolve:327:11)  
  at moduleResolve (node:internal/modules/esm/resolve:980:10)  
  at defaultResolve (node:internal/modules/esm/resolve:1193:11)  
  at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:404:12)  
  at ModuleLoader.resolve (node:internal/modules/esm/loader:373:25)  
  at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:250:38)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)  
  at link (node:internal/modules/esm/module_job:75:36)

[nuxt] [request error] [unhandled] [500] Cannot find module '/Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/node_modules/vue/server-renderer/index.mjs' imported from /Users/user/Desktop/repo/tb-monorepo/packages/frontend/.output/server/chunks/routes/renderer.mjs
  at new NodeError (node:internal/errors:405:5)  
  at finalizeResolution (node:internal/modules/esm/resolve:327:11)  
  at moduleResolve (node:internal/modules/esm/resolve:980:10)  
  at defaultResolve (node:internal/modules/esm/resolve:1193:11)  
  at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:404:12)  
  at ModuleLoader.resolve (node:internal/modules/esm/loader:373:25)  
  at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:250:38)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:39)  
  at link (node:internal/modules/esm/module_job:75:36)

`

P

Paşa•8/21/24, 12:46 PM

@Y@ sorry for ping

YY@you are using pnpm and I tried your solutions not working, but I'm using yarn an...

Y

Y@OP•8/21/24, 12:48 PM

All good, try my solutions this one (if you are using yarn or npm!)

P

Paşa•8/21/24, 12:48 PM

I am using yarn

Y

Y@OP•8/21/24, 12:48 PM

Try it

Y

Y@OP•8/21/24, 12:49 PM

"What version should I pass"? using exact same with your current version

P

Paşa•8/21/24, 12:49 PM

Bro thanks a lot of

P

Paşa•8/21/24, 12:49 PM

I changed version manualy

P

Paşa•8/21/24, 12:49 PM

and its working currently

Y

Y@OP•8/21/24, 12:51 PM

If u are using new version just use that version, The problem is not from vue. The problem is from nitro

YY@If u are using new version just use that version, The problem is not from vue. T...

P

Paşa•8/21/24, 12:51 PM

I am write nuxi upgrade

P

Paşa•8/21/24, 12:52 PM

and I taked error after this

Y

Y@OP•8/21/24, 1:01 PM

This issue also coming from ckeditor plugin like wiris, crop, etc. I'm using @ckeditor/ckeditor5-core v42.0.0, after while ago I'm running my app again. and I got some problem "ckeditor duplicate module". I open the error what coming from file is, And I check, The plugins using new version, So I pass all my plugins ckeditor to resolutions to keep version. Not just from nuxt side, from nextjs side exact same problem

YY@This issue also coming from ckeditor plugin like wiris, crop, etc. I'm using @ck...

P

Paşa•8/22/24, 12:30 PM

thanks for your response

P

Paşa•8/22/24, 12:30 PM