Puedo resolver este problema. Probé la ruta relativa pero sigo recibiendo el mismo error.
Compiled with problems:X ERROR in ./src/containers/Home/HomePage.jsx 6:0-48 Module not found: Error: Can't resolve './hooks/useMedia' in 'C:\Users\{user}\Desktop\Hackathon-website-template\src\containers\Home'el error:
import {UseMedia} from 'hooks/useMedia';el archivo que se llama:
import { useEffect } from 'react'; export const UseMedia = (query: string, val: number, setMediaQuery: any) => { const queryStr = `(${query}: ${val}px)`; useEffect(() => { const mediaWatcher = window.matchMedia(queryStr); mediaWatcher.matches ? setMediaQuery(true) : setMediaQuery(false); function updateMediaWatcher(e: any) { e.matches ? setMediaQuery(true) : setMediaQuery(false); } mediaWatcher.addEventListener('change', updateMediaWatcher); return function cleanup() { mediaWatcher.removeEventListener('change', updateMediaWatcher); }; }); }; para resolver el problema, intenté import {UseMedia} from './hooks/useMedia'; así como import {UseMedia} from './src/hooks/useMedia'; y sigo con el mismo problema
Si la estructura de su repositorio es estándar, debe estar en una carpeta de componente o pantalla. Pero su gancho de destino está en la carpeta "ganchos". Por lo tanto, debe volver al directorio para dar un paso e importar su enlace. debería funcionar para usted:
import {UseMedia} from '../hooks/useMedia'