I get TypeError: Object prototype may only be an Object or null: undefined when deploying to Netlify

When deploying my Nuxt 3 app to netlify using the netlify_edge preset the deployment fails with the following error:
TypeError: Object prototype may only be an Object or null: undefined
at Function.create (<anonymous>)
at Object.ZI.exports [as inherits] (file:///opt/build/repo/.netlify/edge-functions/server/server.js:1:178408)
at file:///opt/build/repo/.netlify/edge-functions/server/server.js:1:189772
TypeError: Object prototype may only be an Object or null: undefined
at Function.create (<anonymous>)
at Object.ZI.exports [as inherits] (file:///opt/build/repo/.netlify/edge-functions/server/server.js:1:178408)
at file:///opt/build/repo/.netlify/edge-functions/server/server.js:1:189772
Even though from the logs nuxt build successfully completes, but the error is probably after netlify tries to start the bundled server. But it's almost impossible for me to debug the issue with the above stacktrace alone. How can I use the generated source map to find the respective stacktrace of the error above?
3 Replies
kapa.ai
kapa.ai2w ago
Hi @amazonaffected. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To debug the issue you're experiencing with your Nuxt 3 app deployment on Netlify using the netlify_edge preset, you can use source maps to get a more detailed stacktrace. Here's how you can approach this: 1. First, ensure that source maps are enabled in your Nuxt configuration. You can do this by adding the following to your nuxt.config.ts file:
export default defineNuxtConfig({
sourcemap: {
server: true,
client: true
}
})
export default defineNuxtConfig({
sourcemap: {
server: true,
client: true
}
})
This will generate source maps for both server and client builds as described in the Nuxt documentation (https://nuxt.com/docs/guide/going-further/debugging#sourcemaps). 2. After enabling source maps, redeploy your application to Netlify. 3. Once deployed, you should be able to access the source map files in the .netlify/edge-functions/server directory of your deployed site. 4. To use these source maps for debugging, you can use a tool like source-map-cli. Install it globally on your local machine:
npm install -g source-map-cli
npm install -g source-map-cli
5. Download the server.js and server.js.map files from your Netlify deployment. 6. Use the source-map-cli to resolve the stack trace:
source-map resolve --input <path-to-stacktrace-file> --file server.js --map server.js.map
source-map resolve --input <path-to-stacktrace-file> --file server.js --map server.js.map
Replace <path-to-stacktrace-file> with a file containing the error stack trace you provided. This should give you a more detailed stack trace that points to the original source code, making it easier to identify the cause of the error. Additionally, you might want to check if this issue is related to a known problem with h3-compression dependency. As mentioned in a Stack Overflow answer (https://stackoverflow.com/questions/78532075), some users have reported issues with the h3-compression dependency on version ^0.3.2. You could try removing this dependency or updating it to see if it resolves the issue. If the problem persists, you may need to investigate further by: 1. Checking your Netlify configuration to ensure it's correctly set up for Nuxt 3. 2. Reviewing your package.json for any potential conflicts or outdated dependencies. 3. Testing your application locally using the Netlify CLI to simulate the Netlify environment. If you're still unable to resolve the issue, you might want to reach out to Netlify support or the Nuxt community for more specific assistance, providing them with the detailed stack trace you obtained using the source maps. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai2w ago
<@1188032231105630269> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
amazonaffected
amazonaffectedOP2w ago
This unfortunately didn't help me, the suggested command is incorrect and source-map-cli can't resolve the mapping. However, I was able to track the issue down by gradually applying new changes to find the culprit. (jsonwebtoken was the problem and had to use jose instead)
Want results from more Discord servers?
Add your server