Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

357
Views
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í

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

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!

about 4 years ago · Juan Pablo Isaza Report

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 .

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!