[BUG] Deprecation Warning on Nuxt.js build due to package.json export #140

danperks · 2024-02-07T18:13:29Z

When building my Nuxt.js project which uses this package, I get a bunch of deprecation warnings, following this format:

(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.json" for module request ".//index.json" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nitropack\node_modules\_index.js.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.mjs" for module request ".//index.mjs" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nitropack\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.cjs" for module request ".//index.cjs" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nitropack\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.js" for module request ".//index.js" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nitropack\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.json" for module request ".//index.json" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nitropack\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.mjs" for module request ".//index.mjs" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.cjs" for module request ".//index.cjs" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.js" for module request ".//index.js" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.json" for module request ".//index.json" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules.
(node:2848) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.mjs" for module request ".//index.mjs" matched to "./*" in the "exports" field module resolution of the package at [PROJECT PATH]\node_modules\@iconify\vue\package.json imported from [PROJECT PATH]\node_modules\nuxt\node_modules.

This looks to be referring to this line in the Iconify package.json:

https://github.com/iconify/iconify/blob/a8e3b45ecd56e194fd8ef2c3b4eeb6f8c4e68bb1/components/vue/package.json#L27

Have I got a configuration issue, or is this a bug in this library or the Iconify one?
Haven't found any previous reports of this, so this could just be an issue with my project.

I'm on Node v18.17.0, Nuxt v3.8.0 and NuxtIcon v0.6.1
Thanks :)

The text was updated successfully, but these errors were encountered:

hmingv · 2024-02-22T07:38:27Z

I have the same problem

Node v20.1
Nuxt V3.10.2
Nuxt-Icon v0.6.8

This looks to be referring to this line in the Iconify package.json:

https://github.com/iconify/iconify/blob/a8e3b45ecd56e194fd8ef2c3b4eeb6f8c4e68bb1/components/vue/package.json#L27

I tried removing the line specified in the above link and the error disappeared.

I'm executing pnpm build

cyberalien · 2024-02-22T07:56:46Z

I've seen this issue in another project after recent update when import path ends with /

Maybe there is import somewhere in code that ends with /, like tries to import from @iconify/vue/? I can't find such code.

hmingv · 2024-02-23T02:36:54Z

Since I couldn't determine the source of the problem, I used the stupidest way to test (deleting files one by one, you need to delete node_modules at the same time and repackage)

When I encountered the .npmrc file, I removed the shamefully-hoist=true line and the problem was solved.

I'm not sure if there's any connection, but it does solve my problem for now

KarelVendla · 2024-02-26T15:44:58Z

I also have this in my project

Running
node 20.11.0
nuxt 3.8.2
nuxt-icon 0.6.8

ausir0726 · 2024-03-28T08:19:49Z

After my investigation, nuxt starter will write a .npmrc file before September 2023 that includes shamefull-hoist=true. This will cause an issue when running pnpm build. However, this file has been removed as of September 2023. Therefore, if the project was created before, it may still have this file.

No longer see this warning after manually removing the file.

Reference
nuxt/starter@9afba5d

@hmingv Thank you for your helpful response, it saved me from being stuck here like you.

lx-elephantxiang · 2024-04-17T10:51:53Z

@hmingv I removed the shamefully-hoist=true line and the problem still exists；

Kram-V · 2024-04-23T09:58:56Z

Are you encountering guys right after you push ur updates in production, the nuxt application will be delayed for a bit of seconds in every page that I navigate? when I already went there on every page, it will become normal navigation again, there's no delay. Is there any connections about this warning or issue of @iconify/vue/ ? btw I deployed my nuxt app using npm run build for ssr in vercel. TIA

kleinpetr · 2024-04-30T09:51:55Z

same here, after upgrading Nuxt from 3.9.3 to 3.11.2

Kram-V · 2024-04-30T09:56:18Z

@kleinpetr can we downgrade the nuxt app?

kleinpetr · 2024-04-30T09:58:18Z

@Kram-V yes, when I downgrade to 3.9.3 the build has no issue

Kram-V · 2024-04-30T10:21:20Z

@kleinpetr ok tnx

kleinpetr · 2024-04-30T10:25:46Z

@Kram-V oh sorry, it seems that I am getting these warning also with locked 3.9.3 🤔 so in my case it's because I removed pnpm.lock after a while, so some deps was cached probably, so cannot specifically...

cyberalien · 2024-04-30T10:26:51Z

@Kram-V oh sorry, it seems that I am getting these warning also with locked 3.9.3 🤔 so in my case it's because I removed pnpm.lock after a while, so some deps was cached probably, so cannot specifically...

Try running pnpm dedupe

Kram-V · 2024-04-30T10:32:59Z

btw @kleinpetr how can you downgrade ur nuxt app with specific version?

Kram-V · 2024-04-30T10:47:15Z

@kleinpetr I removed the node_modules and package-lock.json and change the version of my nuxt app into ^3.9.3 but when I npm run dev the pop up in the terminal still Nuxt 3.11.2 why is that?

cyberalien · 2024-04-30T10:48:22Z

Remove ^ from version number

Kram-V · 2024-04-30T10:52:20Z

@cyberalien ok sir I will try

Kram-V · 2024-04-30T10:57:49Z

@cyberalien it worked, thank you so much sir!

onurusluca · 2024-04-30T14:39:38Z

Same here. Don't know when this started as I don't watch the whole build process.

These didn't work:

Deleting node_modules and lock file and .nuxt
Downgrading to nuxt 3.9.3
Removing shamefully-hoist=true
Using npm or yarn

Sharing my info just in case it helps with the debugging.

node: v20.11.1
pnpm: 8.15.4

Errors(getting like 500 errors like this on pnpm build, not just for iconify but for almost all the packages):

(node:20280) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.json" for module request ".//index.json" matched to "./*" in the "exports" field module resolution of the package at C:\CODING STUFF\PROJECTS\bulut-search\frontend\node_modules\@iconify\vue\package.json imported from C:\CODING STUFF\PROJECTS\bul-search\frontend\node_modules\.pnpm\[email protected]\node_modules\_index.js.
(node:20280) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.mjs" for module request ".//index.mjs" matched to "./*" in the "exports" field module resolution of the package at C:\CODING STUFF\PROJECTS\bulut-search\frontend\node_modules\@iconify\vue\package.json imported from C:\CODING STUFF\PROJECTS\bul-search\frontend\node_modules\.pnpm\[email protected]\node_modules.
(node:20280) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.cjs" for module request ".//index.cjs" matched to "./*" in the "exports" field module resolution of the package at C:\CODING STUFF\PROJECTS\bulut-search\frontend\node_modules\@iconify\vue\package.json imported from C:\CODING STUFF\PROJECTS\bul-search\frontend\node_modules\.pnpm\[email protected]\node_modules.

package.json:

  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  },
  "dependencies": {
    "@nuxt/eslint": "^0.3.10",
    "@nuxt/image": "^1.6.0",
    "@pinia/nuxt": "^0.5.1",
    "@radix-icons/vue": "^1.0.0",
    "@unovis/ts": "^1.4.0",
    "@unovis/vue": "^1.4.0",
    "@vee-validate/zod": "^4.12.6",
    "@vueuse/core": "^10.9.0",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "embla-carousel": "^8.0.2",
    "embla-carousel-vue": "^8.0.2",
    "nuxt": "^3.11.2",
    "radix-vue": "^1.7.3",
    "tailwind-merge": "^2.3.0",
    "tailwindcss-animate": "^1.0.7",
    "v-calendar": "^3.1.2",
    "vaul-vue": "^0.1.0",
    "vee-validate": "^4.12.6",
    "vue": "^3.4.26",
    "vue-router": "^4.3.2",
    "vue-sonner": "^1.1.2",
    "vue-virtual-scroller": "2.0.0-beta.8",
    "zod": "^3.23.5"
  },
  "devDependencies": {
    "@nuxtjs/color-mode": "^3.4.1",
    "@nuxtjs/google-fonts": "^3.2.0",
    "@nuxtjs/i18n": "^8.3.1",
    "@nuxtjs/supabase": "^1.2.1",
    "@nuxtjs/tailwindcss": "^6.12.0",
    "nuxt-icon": "^0.6.10",
    "shadcn-nuxt": "^0.10.4",
    "typescript": "^5.4.5"
  }

eeg1412 · 2024-07-12T09:48:33Z

Issue similar to Iconify/iconify#283 exists.

Also, for Nuxt I recommend using iconify-icon package, not @iconify/vue. See Iconify Icon SSR for details.

DbPtZn · 2024-07-24T19:14:22Z

Me too.But it doesn't seem to affect the program's operation

antfu · 2024-07-28T12:52:04Z

Can anyone send a minimal reproduction so I can have a deeper look?

ojvribeiro · 2024-07-28T20:37:53Z

@antfu here is the repro: https://github.com/ojvribeiro/nuxt-repro-deprecation-warning

It is a fresh Nuxt project and Nuxt Icon is the only module installed. When I run the build command the Deprecation Warning message is spammed:

cyberalien · 2024-07-28T20:47:56Z

@antfu here is the repro: https://github.com/ojvribeiro/nuxt-repro-deprecation-warning

That reproduction doesn't show any warnings when running build command on MacOS or Linux.

Looking at this screenshot and previous screenshots, all reports use \ in path, so looks like a Windows only issue.

evermake · 2024-07-31T21:46:31Z

Looking at this screenshot and previous screenshots, all reports use \ in path, so looks like a Windows only issue.

Actually, no, I have the similar issue on MacOS:

...
(node:9206) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.cjs" for module request ".//index.cjs" matched to "./*" in the "exports" field module resolution of the package at /Users/evermake/Code/project/node_modules/.pnpm/node_modules/@iconify/utils/package.json imported from /Users/evermake/Code/project/node_modules/.pnpm/[email protected][email protected][email protected]/.
(node:9206) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.js" for module request ".//index.js" matched to "./*" in the "exports" field module resolution of the package at /Users/evermake/Code/project/node_modules/.pnpm/node_modules/@iconify/utils/package.json imported from /Users/evermake/Code/project/node_modules/.pnpm/[email protected][email protected][email protected]/.
(node:9206) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.json" for module request ".//index.json" matched to "./*" in the "exports" field module resolution of the package at /Users/evermake/Code/project/node_modules/.pnpm/node_modules/@iconify/utils/package.json imported from /Users/evermake/Code/project/node_modules/.pnpm/[email protected][email protected][email protected]/.
... (and more similar issues below...)

npx envinfo --system --binaries --browsers

  System:
    OS: macOS 14.5
    CPU: (8) arm64 Apple M1
    Memory: 141.55 MB / 16.00 GB
    Shell: 3.7.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 20.13.1 - ~/Library/Caches/fnm_multishells/8351_1722461424558/bin/node
    npm: 10.5.2 - ~/Library/Caches/fnm_multishells/8351_1722461424558/bin/npm
    pnpm: 9.6.0 - ~/Library/Caches/fnm_multishells/8351_1722461424558/bin/pnpm
    bun: 1.1.20 - ~/.bun/bin/bun
  Browsers:
    Safari: 17.5

Seems like an issue is only with the @iconify packages.

cyberalien · 2024-08-01T05:37:17Z

Actually, no, I have the similar issue on MacOS:

Can you post a reproduction?

nwrman · 2024-08-01T17:09:23Z

Same issue here

Running
node 20.16.0
nuxt 3.12.3
@nuxt/icon 1.4.3

cyberalien · 2024-08-01T17:10:45Z

Same issue here

Running node 20.16.0 nuxt 3.12.3 @nuxt/icon 1.4.3

On Windows?

nwrman · 2024-08-01T17:59:31Z

Yes, sorry, on windows

…

On Thu, Aug 1, 2024 at 11:11 AM Vjacheslav Trushkin < ***@***.***> wrote: Same issue here Running node 20.16.0 nuxt 3.12.3 @nuxt/icon 1.4.3 On Windows? — Reply to this email directly, view it on GitHub <#140 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAJTQKTDEUJCAOHDQ3MUMUDZPJT2VAVCNFSM6AAAAABC6JNWGKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDENRTGU2TKNBUHE> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

shadKamel · 2024-08-02T11:39:41Z

i have same issue,
Running
node 20.16.0
nuxt 3.12.3
@nuxt/icon 1.4.3
OS: windows

evermake · 2024-08-08T11:28:46Z

Actually, no, I have the similar issue on MacOS:

Can you post a reproduction?

Sorry, but not for now. Had this in issue in a private project with many dependencies. Probably, will share a reproduction if the problem will remain and I'll have more time to investigate.

thyngster · 2024-08-28T01:39:19Z

I was "trying" to find a fix for this. My current test env,. is latest nuxt + latest vueuse .

  "dependencies": {
    "@vueuse/core": "^11.0.3",
    "nuxt": "^3.13.0",
    "vue": "latest"
  },

I'm seeing the issue also happening only starting from Nitro 2.6.0 ( ie downgrading to 2.5.2 will prevent the error to show up ) , not the best option since for example there's not ESM WASM support.

So not sure if this is totally related to Nuxt part or Nitro at all.

Deprecation Trace: ( node --trace-deprecation node_modules/nuxt/bin/nuxt.mjs build )

Building Nitro Server (preset: node-server)                                                                                                                                    nitro 3:23:52 AM
(node:40556) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at C:\Users\david\Documents\my-nuxt-app\node_modules\@vueuse\core\package.json imported from C:\Users\david\Documents\my-nuxt-app\node_modules. Mapping specifiers ending in "/" is no longer supported.
    at emitTrailingSlashPatternDeprecation (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1526:13)
    at packageExportsResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1602:9)
    at packageResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1859:14)
    at moduleResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1954:18)
    at _tryModuleResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2023:12)
    at _resolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2078:16)
    at resolveSync (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2111:10)
    at resolvePathSync (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2121:24)
    at resolvePath (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2125:28)
    at _resolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/nitropack/dist/shared/nitro.82977d3c.mjs:461:22)
(node:40556) [DEP0166] DeprecationWarning: Use of deprecated double slash resolving ".//index.mjs" for module request ".//index.mjs" matched to "./*" in the "exports" field module resolution of the package at C:\Users\david\Documents\my-nuxt-app\node_modules\@vueuse\core\package.json imported from C:\Users\david\Documents\my-nuxt-app\node_modules.
    at emitInvalidSegmentDeprecation (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:917:13)
    at resolvePackageTargetString (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1301:9)
    at resolvePackageTarget (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1363:12)
    at packageExportsResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1629:27)
    at packageResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1859:14)
    at moduleResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:1954:18)
    at _tryModuleResolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2023:12)
    at _resolve (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2084:20)
    at resolveSync (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2111:10)
    at resolvePathSync (file:///C:/Users/david/Documents/my-nuxt-app/node_modules/mlly/dist/index.mjs:2121:24)
✔ Nitro server built                                                                                                                                                             nitro 3:23:54 AM

Also not only DEP0166 is triggered also the DEP0155. may be it related at some poting to nitrojs/nitro#2523 ?

WilliamFalci · 2024-09-18T04:46:14Z

Hello guys,

by all my test:

OS: Window
Node: 18.x - 20.x - 22.x

I confirm the issue is only on Windows, after windows I tried Ubuntu and everything worked without changes

dencs08 · 2024-09-19T10:32:15Z

Running pnpm build or npm run build throws

Use of deprecated trailing slash pattern mapping... or Use of deprecated doulbe slash resolving...

It happens only on windows while on macos it builds perfectly fine.

itpropro · 2024-09-20T04:39:52Z

Just in case anyone comes across this and wants to suppress the errors, you can prepend you script in your package.json with this under Windows until the bug is fixed:

set NODE_OPTIONS=--disable-warning=DEP0155 --disable-warning=DEP0166 &&

  "scripts": {
    "build": "set NODE_OPTIONS=--disable-warning=DEP0155 --disable-warning=DEP0166 && nitro build",

cross-env would be the better choice for cross platform, but this is just temporary until the cause was found.

tinegaCollins · 2024-10-22T19:13:27Z

was this issue fixed?

danperks changed the title ~~Deprecation Warning on Nuxt.js build due to package.json export~~ [BUG] Deprecation Warning on Nuxt.js build due to package.json export Feb 7, 2024

hmingv mentioned this issue Feb 22, 2024

[BUG] Deprecation Warning on Nuxt.js build due to package.json export iconify/iconify#284

Closed

tobiasdiez mentioned this issue Jul 28, 2024

fix: remove generic package export unocss/unocss#4022

Open

mertsincan mentioned this issue Aug 9, 2024

Deprecated double slash import when build with nuxt primefaces/primeuix#2

Open

antfu added help wanted Extra attention is needed upstream labels Aug 27, 2024

itpropro mentioned this issue Oct 2, 2024

fix(resolver): avoid double slashes when joining id with /index unjs/mlly#278

Merged

antfu mentioned this issue Oct 28, 2024

(node:17640) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" #287

Closed

[BUG] Deprecation Warning on Nuxt.js build due to package.json export #140

[BUG] Deprecation Warning on Nuxt.js build due to package.json export #140

Comments

danperks commented Feb 7, 2024

hmingv commented Feb 22, 2024 • edited Loading

cyberalien commented Feb 22, 2024

hmingv commented Feb 23, 2024

KarelVendla commented Feb 26, 2024

ausir0726 commented Mar 28, 2024

lx-elephantxiang commented Apr 17, 2024

Kram-V commented Apr 23, 2024

kleinpetr commented Apr 30, 2024

Kram-V commented Apr 30, 2024

kleinpetr commented Apr 30, 2024

Kram-V commented Apr 30, 2024

kleinpetr commented Apr 30, 2024

cyberalien commented Apr 30, 2024

Kram-V commented Apr 30, 2024

Kram-V commented Apr 30, 2024

cyberalien commented Apr 30, 2024

Kram-V commented Apr 30, 2024

Kram-V commented Apr 30, 2024

onurusluca commented Apr 30, 2024 • edited Loading

eeg1412 commented Jul 12, 2024 • edited Loading

DbPtZn commented Jul 24, 2024

antfu commented Jul 28, 2024

ojvribeiro commented Jul 28, 2024

cyberalien commented Jul 28, 2024

evermake commented Jul 31, 2024 • edited Loading

cyberalien commented Aug 1, 2024

nwrman commented Aug 1, 2024

cyberalien commented Aug 1, 2024

nwrman commented Aug 1, 2024 via email

shadKamel commented Aug 2, 2024 • edited Loading

evermake commented Aug 8, 2024

thyngster commented Aug 28, 2024 • edited Loading

WilliamFalci commented Sep 18, 2024

dencs08 commented Sep 19, 2024

itpropro commented Sep 20, 2024

tinegaCollins commented Oct 22, 2024

hmingv commented Feb 22, 2024 •

edited

Loading

onurusluca commented Apr 30, 2024 •

edited

Loading

eeg1412 commented Jul 12, 2024 •

edited

Loading

evermake commented Jul 31, 2024 •

edited

Loading

shadKamel commented Aug 2, 2024 •

edited

Loading

thyngster commented Aug 28, 2024 •

edited

Loading