Error when evaluating SSR module "astro-icon"

[jjjrmy]

What version of astro-icon are you using?

v1.1.0

Astro Info

Astro                    v4.13.2
Node                     v18.18.0
System                   macOS (arm64)
Package Manager          npm
Output                   hybrid
Adapter                  @astrojs/cloudflare
Integrations             @astrojs/tailwind
                         @astrojs/react
                         astro-auth

[!NOTE]
I had to take out astro-icon Integration or it won't even run the command

If this issue only occurs in one browser, which browser is a problem?

Every

Describe the Bug

7:28:38 PM [vite] Error when evaluating SSR module /Users/***/Sites/***/astro.config.mjs: failed to import "astro-icon"
|- file:///Users/***/Sites/***/node_modules/@iconify/tools/lib/svg/index.mjs:1
import cheerio from 'cheerio';
       ^^^^^^^
SyntaxError: The requested module 'cheerio' does not provide an export named 'default'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:190:5)

[astro] Unable to load your Astro config

The requested module 'cheerio' does not provide an export named 'default'
  Stack trace:
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)

What's the expected result?

It should work

Link to Minimal Reproducible Example

I was not able to recreate it on StackBlitz, but doing

npm create astro@latest
npx astro add astro-icon
npm run dev

It gives me the same error

[richklein-wf]

I just started hitting this as well. The Astro build command is working fine, but I have a GitHub Action that runs vitests that started failing this afternoon with this error.

[jjjrmy]

It has something to do with the latest release of Cheerio https://github.com/cheeriojs/cheerio/releases/tag/v1.0.0 It was tagged 6 hours ago. This seems more like an issue with @iconify/tools

[manuraj17]

Facing this as well 👍🏽

[Bran-mf]

Not sure how safe it is, but this worked for me (I'm just learning astro at this moment): I added this to the package.json and installed dependencies, "overrides": { "astro-icon": { "cheerio": "1.0.0-rc.12" } }

[manuraj17]

Not sure how safe it is, but this worked for me (I'm just learning astro at this moment): I added this to the package.json and installed dependencies, "overrides": { "astro-icon": { "cheerio": "1.0.0-rc.12" } }

Came to comment this.

Works as a temporary solution, will use this until they get fixed.

[smorgrav]

Another way to solve it temporarily is to use resolutions in package.json (I struggled to get the overrides thing to work in a monorepo):

"resolutions": { "cheerio": "1.0.0-rc.12" }

[Lich496]

This problem is already solved in @iconify/tools version 4. Below overrides worked for me, and I think it is the better solution.

  "overrides": {
    "astro-icon": {
      "@iconify/tools": "^4.0.0"
    }
  }

[gilbertoxdev]

It worked for me by installing the latest version, npm install @iconify/tools --save

[adnansmajlovic]

I still get an error without:

"resolutions": { "cheerio": "1.0.0-rc.12" }

[EveSunMaple]

@iconify/tools A new revised version 4.0.5 has been released

https://github.com/iconify/tools/commit/3d8d54b7dc36bf40526abaffcc12022c6d636eed

[ameneses67]

I'm having the same issue.

[rderimay]

I still get an error without:

"resolutions": { "cheerio": "1.0.0-rc.12" }

Same here. It did not work by any other way...

[Stretsh]

@rderimay @adnansmajlovic If you added the @iconify/tools override, don't forget to run npm install again.

[rderimay]

@rderimay @adnansmajlovic If you added the @iconify/tools override, don't forget to run npm install again.

yes sure. Did it. Event deleted the node_modules folder to be sure…

[VisualEhrmanntraut]

On pnpm I had to do this instead

  "pnpm": {
    "overrides": {
      "@iconify/tools": "^4.0.5"
    }
  }

[rderimay]

On pnpm I had to do this instead

  "pnpm": {
    "overrides": {
      "@iconify/tools": "^4.0.5"
    }
  }

Thanks! 🙏🏻 This is why it did not work as I am using pnpm. (ping @Stretsh)

[iEscapedVim]

still not fixed, astro still uses version 3.0.7 and even if you change the version to 4.0.5 I still get the error with cheerio...

[VisualEhrmanntraut]

For me it worked fine after using that override in my package.json and then running pnpm up --latest.

[sreejithkalarikkal]

On pnpm I had to do this instead

  "pnpm": {
    "overrides": {
      "@iconify/tools": "^4.0.5"
    }
  }

Thanks! 🙏🏻 This is why it did not work as I am using pnpm. (ping @Stretsh)

Thanks The issue is solved now

[yangjuzi]

"overrides": { "astro-icon": { "@iconify/tools": "^4.0.0" } }

Thanks The issue is solved now

[sukantg]

This problem is already solved in @iconify/tools version 4. Below overrides worked for me, and I think it is the better solution.

  "overrides": {
    "astro-icon": {
      "@iconify/tools": "^4.0.0"
    }
  }

This worked for me. Amazing thanks!

[DerickIT]

On pnpm I had to do this instead

  "pnpm": {
    "overrides": {
      "@iconify/tools": "^4.0.5"
    }
  }

wow,thank you ,use code fix the bug

[snimavat]

Facing same error and npm install @iconify/tools --save dint work for me

[Chrissdroid]

Seem to be fixed in [email protected] by https://github.com/natemoo-re/astro-icon/pull/230 bumping to @iconify/tools@^4.0.4

At least i don't have build issues anymore on my side

[stramel]

I believe this is resolved. Closing.