how i can do about this error?

[yongho0605]

• OS: macOS latest
• Browser: chrome latest
• Nuxt version: 3.8.1
• @iconify/tools version - 3.0.7

issue

1. I used the importDirectory function in nuxt3 and I get this error in the iconify internal function
   

2. so, Below is the part that uses importDirectory

<script setup>
import { importDirectory } from '@iconify/tools'

const iconSet = await importDirectory('../assets/icons', {
  prefix: 'datamaker'
})
console.log(iconSet)
</script>

3. In the terminal, you'll get an error like this
   

[cyberalien]

That function can be used only on server, not in browser. You are trying to use it in browser.

[yongho0605]

That function can be used only on server, not in browser. You are trying to use it in browser.

oh!... i see! thanks for your answer

[yongho0605]

That function can be used only on server, not in browser. You are trying to use it in browser.

Oh, sorry!!! Is the server you're referring to the backend?

[cyberalien]

Yes. You are trying to scan a directory, that's a file system function. Browser cannot do that.

This package is designed to work only in Node.js environment (also I tried to make it work in Bun too, but some dependencies don't work with it yet). It is not for browser.

[yongho0605]

Yes. You are trying to scan a directory, that's a file system function. Browser cannot do that.

This package is designed to work only in Node.js environment (also I tried to make it work in Bun too, but some dependencies don't work with it yet). It is not for browser.

so, do you know how I can register the icons in the current project folder ../assets/icons with iconifyJson or use them as iconized icons?

[cyberalien]

You need to run that import script separately to generate file, write that file, then use that file in your project. Do not bundle script that imports it.

[yongho0605]

Thank you so much!... I wish you the best in everything you do!