Errores de fuente en la consola al usar IBM Carbon Design System en React
Soy bastante nuevo en React y estoy intentando usar el sistema Design de IBM Carbon para algunos componentes simples, pero sigo recibiendo los siguientes errores de consola:
Failed to decode downloaded font: <URL>
OTS parsing error: invalid sfntVersion: 1008813135
Pasos que seguí:
- Instalé el DS
npm install --save @carbon/reacty el Scss connpm install sass - Cambié el nombre
App.cssde yindex.cssa.scssy ambos contenidos son simplemente@use "@carbon/react";
Por lo que busqué en Google, parece ser un error al encontrar las fuentes, pero los documentos de IBM también mencionan que no necesito instalar las fuentes por separado, ya que están incluidas con los componentes de React.
¡Gracias de antemano!
PD. Estoy usando Vite React TS
Aceptado
Así que lo descubrí buscando un ejemplo de video en GitHub. El index.cssarchivo debe tener el siguiente contenido:
@use '@carbon/react' with (
$font-path: '@ibm/plex'
);
y no lo que tenía antes que era simplemente:
@use '@carbon/react'