• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

295
Vistas
Mi css no se carga automáticamente al reaccionar con vite

Tengo algunos archivos css y js que trato de importar a una vista en React with vite para que cargue los estilos, pero no carga, y cuando entro en la vista, tengo que comentar y descomentar la importación en código. para que se lean los estilos.

Dejo una captura de como importo los archivos en la vista.

ingrese la descripción de la imagen aquí

Mi árbol de carpetas.

Mi árbol de carpetas.

El archivo js "custom.min.js"

ingrese la descripción de la imagen aquí

over 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

La ruta de importación /src/* tal vez sea incorrecta. Es posible que necesite más información, pero si este archivo que ha mostrado está dentro de la carpeta src , entonces la ruta de importación es incorrecta. Para ser explícito, necesita una ruta relativa a cualquier archivo .css.

Ahora puedo estar equivocado, pero las importaciones js deben nombrarse. Puedo ver que está usando TypeScript y está usando declaraciones de importación, por lo que solo estoy adivinando, pero deberá nombrar la importación o importar la "cosa" específica que exporta en los archivos js . Esto puede parecerse a lo siguiente:

 import fit from "/src/assets/js/*";

o

 import { fit } from "/src/assets/js/*";

y la exportación en el archivo custom.min.js debería verse así:

 export default fit;

o

 export { fit };

Ahora para su .css y .js , si este es su directorio:

 __src |___ assets | |___ components | | |___ App.tsx |___ App.css |___ ...(everything else that lives in `src/` from a `create-react-app`)

luego deberá importar el archivo .css así en App.tsx :

 import "./assets/style/style.css"

Opcionalmente , puede omitir la extensión, pero no estoy 100% seguro para los archivos .css .

¡Espero que esto ayude!

over 3 years ago · Juan Pablo Isaza Denunciar

0

En caso de que intente usar una ruta absoluta para sus importaciones, debe eliminar la barra invertida antes del 'src'.

En su caso, las importaciones tienen el prefijo '/', por lo que busca la carpeta 'src' dentro del directorio actual, 'src/components/organisms/sidebar/src/{your imports}'.

Elegir entre importaciones relativas y absolutas es una cuestión de opinión personal, ya que ambas tienen compensaciones, esto lo aclarará y esto .

over 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda