element-plus-nuxt: Error while requiring module @element-plus/nuxt: TypeError: _dayjs.default.extend is not a function

` ERROR _dayjs.default.extend is not a function 22:54:35

at node_modules/element-plus/es/components/time-picker/src/time-picker.mjs:10:16 at evalModule (node_modules/jiti/dist/jiti.js:1:256443) at jiti (node_modules/jiti/dist/jiti.js:1:254371) at node_modules/element-plus/es/components/time-picker/index.mjs:1:2184 at evalModule (node_modules/jiti/dist/jiti.js:1:256443) at jiti (node_modules/jiti/dist/jiti.js:1:254371) at node_modules/element-plus/es/components/calendar/src/date-table.mjs:2:1 at evalModule (node_modules/jiti/dist/jiti.js:1:256443) at jiti (node_modules/jiti/dist/jiti.js:1:254371) at node_modules/element-plus/es/components/calendar/src/date-table2.mjs:3:18 `

{
"devDependencies": {
    "@element-plus/icons-vue": "^2.3.1",
    "@element-plus/nuxt": "^1.0.7",
    "@heroicons/vue": "^2.1.1",
    "@livechat/widget-vue": "^1.3.2",
    "@nuxt/devtools": "^1.0.6",
    "@nuxt/image": "^1.2.0",
    "@nuxt/types": "^2.17.2",
    "@nuxt/typescript-build": "^3.0.2",
    "@nuxtjs/device": "^3.1.1",
    "@nuxtjs/google-fonts": "^3.1.3",
    "@nuxtjs/tailwindcss": "^6.10.3",
    "@pinia-plugin-persistedstate/nuxt": "^1.2.0",
    "@pinia/nuxt": "^0.5.1",
    "@splidejs/splide-extension-auto-scroll": "^0.5.3",
    "@splidejs/vue-splide": "^0.6.12",
    "@tailwindcss/forms": "^0.5.7",
    "@tailwindcss/typography": "^0.5.10",
    "@types/js-cookie": "^3.0.6",
    "@types/node": "^20.10.4",
    "@types/numeral": "^2.0.5",
    "@vueuse/nuxt": "^10.7.2",
    "chalk": "^5.3.0",
    "class-variance-authority": "^0.7.0",
    "dayjs": "^1.11.10",
    "dayjs-nuxt": "^2.1.9",
    "element-plus": "^2.4.4",
    "js-cookie": "^3.0.5",
    "less": "^4.2.0",
    "md-editor-v3": "^4.9.0",
    "numeral": "^2.0.6",
    "nuxt": "^3.10.0",
    "nuxt-bugsnag": "^7.2.3",
    "nuxt-delay-hydration": "^1.3.3",
    "nuxt-gtag": "^1.1.1",
    "nuxt-headlessui": "^1.1.5",
    "oidc-client-ts": "^2.4.0",
    "pinia": "^2.0.0",
    "rollup-plugin-gzip": "^3.1.0",
    "sass": "^1.69.5",
    "typescript": "^5.3.3"
  }
}

About this issue

Original URL
State: closed
Created 3 months ago
Reactions: 5
Comments: 16 (1 by maintainers)

Most upvoted comments

@JL-Code element-plus v2.6.3 and element-plus/nuxt v1.0.6 was solved

gapgag55 on Apr 12, 2024

直接改package.json里的文件再install是不生效的，默认 @element-plus/nuxt 会去安装2.7.0的element-plus

    "@element-plus/nuxt": "^1.0.8",
    "element-plus": "^2.6.3",

需要手动去执行安装一下指定版本 pnpm i -D @element-plus/nuxt@=1.0.8 element-plus@=2.6.3，暂时可以解决这个问题。

❯ pnpm i -D @element-plus/nuxt@=1.0.8 element-plus@=2.6.3
Downloading registry.npmjs.org/element-plus/2.6.3: 8.69 MB/8.69 MB, done
Packages: +2 -2
++--
Progress: resolved 901, reused 852, downloaded 1, added 2, done

devDependencies:
- element-plus 2.7.0
+ element-plus 2.6.3 (2.7.0 is available)

❯ pnpm run dev

> nuxt-app@ dev nuxt-vueuse-examples
> nuxt dev

Nuxt 3.11.2 with Nitro 2.9.6                                                                                                                           11:33:49
                                                                                                                                                       11:33:50
  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

ℹ Using default Tailwind CSS file                                                                                                    nuxt:tailwindcss 11:33:51
  ➜ DevTools: press Shift + Option + D in the browser (v1.1.5)                                                                                         11:33:51

CONFIG PROVIDER:  [Function (anonymous)]                                                                                                               11:33:51
ℹ Tailwind Viewer: http://localhost:3000/_tailwind/                                                                                  nuxt:tailwindcss 11:33:51

 WARN  Failed to resolve dependency: dayjs, present in 'optimizeDeps.include'                                                                          11:33:52

✔ Nuxt Nitro server built in 1487 ms                                                                                                            nitro 11:33:54
ℹ Vite server warmed up in 2273ms                                                                                                                     11:33:54
ℹ Vite client warmed up in 2690ms

houko on Apr 19, 2024

@Ena-Heleneto You are using element-plus ^2.5.3 in package.json. That’s mean the package manager will install the 2.x.y with the x and y are latest (in this case, it’s 2.7.0, it’s not 2.5.3 as you thought). You can check which version was actually installed in lock file.

You should specify a version instead. try this:

-    "element-plus": "^2.5.3",
+    "element-plus": "2.6.3",

trandaison on Apr 17, 2024

Still same problem

gapgag55 on Apr 12, 2024