Nuxt 2 deploy Nuxt Internal Server Error

[nroyliu]

My Project Deployment Display Nuxt Internal Server Error I am trying to initialize a new nuxt 2 project get the same result

site: https://vercel-nuxt-umber.vercel.app/ This is my repository: https://github.com/nroyliu/vercel_nuxt.git

Can be replicated through this public warehouse

[rxrdsoft18]

Hi, same error :(

ERROR Cannot find module 'node-fetch-native' from '/var/task' at Function.resolveSync [as sync] (node_modules/resolve/lib/sync.js:111:15) at node_modules/vue-server-renderer/build.prod.js:1:76676 at Object. (webpack:/external "node-fetch-native":1:0) at webpack_require (webpack/bootstrap:25:0) at Module. (server.js:88460:35) at webpack_require (webpack/bootstrap:25:0) at Object. (server.js:61845:18) at __webpack_require__ (webpack/bootstrap:25:0) at server.js:118:18 at Object. (server.js:121:10) at o (node_modules/vue-server-renderer/build.prod.js:1:76584) at node_modules/vue-server-renderer/build.prod.js:1:77223 at new Promise () at node_modules/vue-server-renderer/build.prod.js:1:77136 at Object.renderToString (node_modules/vue-server-renderer/build.prod.js:1:80334) at SSRRenderer.render (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:239:38)

[DidoMarchet]

Same error, any updates ?

[nroyliu]

Hi, same error :(

ERROR Cannot find module 'node-fetch-native' from '/var/task' at Function.resolveSync [as sync] (node_modules/resolve/lib/sync.js:111:15) at node_modules/vue-server-renderer/build.prod.js:1:76676 at Object. (webpack:/external "node-fetch-native":1:0) at webpack_require (webpack/bootstrap:25:0) at Module. (server.js:88460:35) at webpack_require (webpack/bootstrap:25:0) at Object. (server.js:61845:18) at webpack_require (webpack/bootstrap:25:0) at server.js:118:18 at Object. (server.js:121:10) at o (node_modules/vue-server-renderer/build.prod.js:1:76584) at node_modules/vue-server-renderer/build.prod.js:1:77223 at new Promise () at node_modules/vue-server-renderer/build.prod.js:1:77136 at Object.renderToString (node_modules/vue-server-renderer/build.prod.js:1:80334) at SSRRenderer.render (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:239:38)

I have resolved it

[mkaanilhan]

@nroyliu mind if you share how to resolve it?

[J2TEAM]

@nroyliu Can you share your solution?

[rxrdsoft18]

@mkaanilhan @J2TEAM I installed npm i node-fetch-native, it worked for me

[alaa19090]

I can confirm that it works for me as well. Thank you @rxrdsoft18

[baptistebriel]

Just installing npm i node-fetch-native worked for us too, by simply just having it in our package.json 👍🏻

[Small-Systems]

Hello, I am having the same issue, however added node-fetch-native to my package.json does not work. Does anyone have any other ideas? It looks like node_modules/@nuxt/vue-app requires node-fetch-native, however the module is not getting installed or found correctly.

This is my package:

{
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "devDependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "core-js": "^3.25.3",
    "leaflet-gesture-handling": "^1.2.2",
    "leaflet-providers": "^1.13.0",
    "lodash": "^4.17.21",
    "node-fetch-native": "^1.4.0",
    "normalize.css": "^8.0.1",
    "nuxt": "^2.14.6",
    "nuxt-leaflet": "^0.0.27",
    "postcss": "^8.4.19",
    "postcss-loader": "^4.0.0",
    "postcss-nesting": "^10.2.0",
    "vue": "^2.7.10",
    "vue-server-renderer": "^2.7.10",
    "vue-template-compiler": "^2.7.10"
  },
  "engines": {
    "node": "18"
  }
}

[Small-Systems]

Ok, so node-fetch-native is to be in dependencies and not devDependencies.

{
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "devDependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "core-js": "^3.25.3",
    "leaflet-gesture-handling": "^1.2.2",
    "leaflet-providers": "^1.13.0",
    "lodash": "^4.17.21",
    "normalize.css": "^8.0.1",
    "nuxt": "^2.14.6",
    "nuxt-leaflet": "^0.0.27",
    "postcss": "^8.4.19",
    "postcss-loader": "^4.0.0",
    "postcss-nesting": "^10.2.0",
    "vue": "^2.7.10",
    "vue-server-renderer": "^2.7.10",
    "vue-template-compiler": "^2.7.10"
  },
  "engines": {
    "node": "18"
  },
  "dependencies": {
    "node-fetch-native": "^1.4.1"
  }
}

[rommyarb]

Yes, indeed. I confirm that node-fetch-native needs to be on dependencies ✅ and not devDependencies ❌

[heshamelmasry77]

still same issue : Nuxt Internal Server Error

[TUNG251294]

"dependencies": { "node-fetch-native": "^1.4.1" } and create vercel.json , document: https://v2.nuxt.com/deployments/vercel/