Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Can't find fonts when serving from a non-root path

Abierto
#126 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript, webpack

Línea de trabajo

Comienza inspeccionando la configuración de webpack y los archivos generados en dist/, especialmente dist/main.css y sus URL de fuentes. Reproduce el servicio de la salida desde una ruta que no sea la raíz y, después, rastrea cómo webpack emite las rutas de las fuentes de PatternFly. Se considera terminado cuando el CSS generado resuelve correctamente esas fuentes bajo una ruta base que no sea la raíz.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Use case is to take the files generated in dist/ and put them on a webserver in a non-root path.

The error I encounter when doing this is that the patternfly fonts, specified in the main.css use a url(/fonts/...) path, which forces the browser to look at the root, rather than relative to the base path.

Is there anyway to update webpack to change this?


Jira Issue: PF-2028

Lenguaje dominante
TypeScript
Estrellas
97
Forks
282
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de patternfly/patternfly-react-seed

Todos los issues de patternfly/patternfly-react-seed

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.