Estoy tratando de mostrar mi currículum (archivo local) dentro de un componente de reacción, pero he tenido problemas para importarlo.
import myResume from '../assets/pdfs/myResume.pdf' solo me da el error:
No se puede encontrar el módulo '../assets/pdfs/myResume.pdf' o sus declaraciones de tipo correspondientes.ts(2307)
y si trato de usar la importación de esta manera:
import myResume from '../assets/pdfs/myResume.pdf' function Resume() { return ( <div> <iframe src={myResume} /> </div> ) } export default ResumeMe da un error al compilar:
./assets/pdfs/myResume.pdf Falló el análisis del módulo: Token inesperado (1:0) Es posible que necesite un cargador adecuado para manejar este tipo de archivo, actualmente no hay cargadores configurados para procesar este archivo. Ver https://webpack.js.org/concepts#loaders (Código fuente omitido para este archivo binario)
También probé usando el paquete React-pdf, pero con los mismos resultados.
Luego js busca los archivos en la carpeta pública, coloque su carpeta de activos en la carpeta pública y luego use así: src = "/assets/pdfs/myResume.pdf". y no incluya la carpeta pública en la ruta porque la busca automáticamente dentro de la carpeta pública.
En realidad, descubrí una solución alternativa, no estoy seguro de si esta es la forma correcta, pero pude hacer que funcionara simplemente colocando el src en el iframe.
Entonces, en lugar de
import myResume from '../assets/pdfs/myResume.pdf' function Resume() { return ( <div> <iframe src={myResume} /> </div> ) }Lo acabo de hacer
function Resume() { return ( <iframe src='/assets/pdfs/myResume.pdf' /> ) }que parece funcionar bien.