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.
Mi árbol de carpetas.
El archivo js "custom.min.js"
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!
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 .