Estoy tratando de escribir una extensión de navegador que inyecte algunos botones y componentes personalizados en un sitio web, por lo tanto, quería usar Tailwind (y DaisyUI) para diseñarlos.

Encontré esta discusión y configuré mi proyecto de acuerdo con la solución y conseguí que Tailwind y DaisyUI funcionaran para la ventana emergente de mi extensión. Mi App.css parece

 @tailwind base; @tailwind components; @tailwind utilities;

Esto se importa en mi Popup.tsx con import "../App.css"; . No hay problemas allí.

Pero cuando trato de hacer la misma importación en mi script de contenido, no obtengo ningún error, pero el script de alguna manera falla/ya no se ejecuta en absoluto. Si coloco un archivo console.log sin importar App.css , se imprime. Si importo App.css , ya no se muestra.

¿Podría ser un error con mi paquete web/postcss-config o hay algo más que me impide usar CSS personalizado en el script de contenido? Estoy confundido porque está funcionando en la ventana emergente sin ningún problema.

EDITAR: El problema parece aparecer sin importar qué archivo CSS intente cargar en el script de contenido.