nextui icon indicating copy to clipboard operation
nextui copied to clipboard
verified publisher icon nextui-org

[BUG] - How can I integrate heroui into chrome extension develop framework?

Open zshnb opened this issue 6 months ago • 1 comments

HeroUI Version

2.8.0-beta.7

Describe the bug

I use this framework to develop a chrome extension, the stack is react, vite4, tailwindcss. After I install heroui and add a spinner component on contentScript, it doesn't work.

Your Example Website or App

https://github.com/zshnb/chatgpt-conversation-map/tree/feat/integrate-hero-ui

Steps to Reproduce the Bug or Issue

  1. install heroui
  2. setup with tailwindcss/vite
  3. add component on content script

Expected behavior

expect spinner work

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

zshnb avatar Jun 08 '25 10:06 zshnb

ENG-2571 [BUG] - How can I integrate heroui into chrome extension develop framework?

linear[bot] avatar Jun 08 '25 10:06 linear[bot]

@zshnb I cloned your project and implemented the spinner on home page. It works in this page, please check your implementation or share a reproducible environment

https://github.com/user-attachments/assets/03c8a960-85cb-48bd-8511-e3d79aa26117

Vishvsalvi avatar Jun 25 '25 13:06 Vishvsalvi

it's didn't work in content script, your test is in popup or content script?

zshnb avatar Jul 01 '25 05:07 zshnb

The spinner appears to be functioning correctly; however, it seems that Tailwind CSS may not be configured properly in your setup.

Image

The text is also not rendering as expected

Image

Vishvsalvi avatar Jul 01 '25 07:07 Vishvsalvi

got it, do you know how can I setup correctly with tailwindcss, then content can be display?

zshnb avatar Jul 03 '25 10:07 zshnb

I ran into the same issue. Heroui does not work in the content script. Did you have any luck?

https://github.com/wxt-dev/wxt/issues/1572#issuecomment-3186066282

dinbtechit avatar Aug 13 '25 23:08 dinbtechit