N
Nuxt•2w ago
dev3-trchl

Problem with Nuxt 3.16 + @element-plus/nuxt

Hey guys.. Not sure if it's just me and my code collegue, but we are facing some problems with @element-plus/nuxt with Nuxt 3 recently.. ERROR [GET] "http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs": <no response> Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs then 
[cause]: Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs
      at node:internal/deps/undici/undici:13392:13
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async $fetchRaw2 (node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:258:26)
    [cause]: URL is not a constructor
[cause]: Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs
      at node:internal/deps/undici/undici:13392:13
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async $fetchRaw2 (node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:258:26)
    [cause]: URL is not a constructor
Actually, in some part of the error it says something about h3: ERROR [h3] [unhandled] [GET] "http://127.0.0.1:42415/__nuxt_vite_node__/invalidates": <no response> Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/invalidates In the .txt attached there's the full error. Btw, these are my configs: Node v20.18.1 @element-plus/nuxt: 1.1.1 element-plus: 2.9.7 Nuxt: 3.16..1 Vue: 3.5.13 VS Code version: Code - Insiders 1.99.0-insider (dc289883be5d37d5d2b2f7d30926aa42a3123437, 2025-03-21T19:26:48.394Z) OS version: Windows_NT x64 10.0.26120 Modes: Remote OS version: Linux x64 6.13.8-WSL2-STABLE+ Thanks 🤞

message.txt

2 Replies
kapa.ai
kapa.ai•2w ago
Hi @dev3-trchl. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I can see you're experiencing issues with the integration of Element Plus in your Nuxt 3.16 project. This appears to be a compatibility issue that others have encountered as well. Based on the knowledge sources, there are a few potential issues that could be causing your problem: 1. There might be compatibility issues between Element Plus and Nuxt 3.16. Similar issues have been reported in GitHub issues where users experienced problems after upgrading to Nuxt 3.16. 2. One specific issue that might be related is described in GitHub issue #31149, where there were problems with dayjs resolution when using Element Plus with another UI library. While your case doesn't mention multiple UI libraries, the error pattern seems similar with URL parsing issues. 3. The error mentioning h3 could be related to an issue described in a Stack Overflow post where someone found that h3-compression dependency was causing problems with their Nuxt application, resulting in unexpected behavior. Here are some potential solutions you could try: 1. Downgrade to Nuxt 3.15.4: Several users reported in GitHub issue #28850 that downgrading to Nuxt 3.15.4 fixed similar issues. 2. Try a different Node version: In GitHub issue #31253, some users found that switching to Node v23.9 resolved their issues. 3. Check for dependency conflicts: You might want to check if there are any conflicting versions of dependencies in your project. The error suggests there might be issues with URL parsing in the h3 module. 4. Add compatibility date: Some users found that adding a compatibility date in their nuxt.config.js helped resolve issues: 
// nuxt.config.js
export default defineNuxtConfig({
  compatibilityDate: "2025-02-07",
  // other config
})
// nuxt.config.js
export default defineNuxtConfig({
  compatibilityDate: "2025-02-07",
  // other config
})
If none of these solutions work, you might want to create a minimal reproduction of the issue and report it to the Element Plus Nuxt module repository, as this appears to be a specific integration issue between Element Plus and Nuxt 3.16. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai•2w ago
<@1029933457079533648> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Did you find this page helpful?