External library import in utils - nuxt build bug or misuse?

[zguig52]

Environment

On stackblitz:

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 3.11.1
• CLI Version: 3.11.0
• Nitro Version: 2.9.4
• Package Manager: npm@10.2.3
• Builder: -
• User Config: devtools
• Runtime Modules: -
• Build Modules: -

---

On dev machine:

• Operating System: Linux
• Node Version: v20.11.1
• Nuxt Version: 3.11.1
• CLI Version: 3.11.0
• Nitro Version: 2.9.4
• Package Manager: yarn@1.22.21
• Builder: -
• User Config: devtools
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-qytiun?file=utils%2Fimport.ts

Describe the bug

I create a helper function in the utils folder. I use an external javascript package.

Code is working fine in dev environment, but when I generate the build and start it, there is an issue on server side, the library is not imported: "bigDecimal.add is not a function"

When I enforce the component to be client side only, build is OK, but I cannot use SSR for it.

Is it not the right way to import an external library and use custom functions based on it or a nuxt build issue (missing the import for the server side running code?).

Additional context

This bug is not linked to the new nuxt version. It was already there before v3.11.

I have read carefully the documentation here and did not found what I was doing wrong:
https://nuxt.com/docs/guide/directory-structure/utils

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-qytiun (Open reproduction)

[danielroe]

This is a packaging issue in that library.

You can transpile it:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  build: {
    transpile: ['js-big-decimal']
  }
})

[zguig52]

Thanks a lot for your reply! Do you have any details that I can give to the lib maintainers on how to properly package it?

[meirroth]

@danielroe Can you please guide us how to update the package so it can be used in Nuxt without transpile? Ran into the same issue with featurevisor/featurevisor#269