Estoy tratando de usar Internet Archive Book Reader. Básicamente quiero crear un lector de libros en un sitio web con páginas personalizadas para un texto escaneado. Estoy tratando de seguir las instrucciones para la demostración en el LÉAME:
https://github.com/internetarchive/bookreader
Soy relativamente nuevo en este tipo de cosas, y cada vez que sigo las instrucciones para que la demostración funcione, sigo teniendo una multitud de problemas diferentes. Esto es lo que estoy haciendo.
1.) descargue el repositorio ("bookreader-master") en mi carpeta de Descargas usando git clone
2.) use "npm install" para descargar las dependencias
3.) "npm run build" en la carpeta del proyecto ("bookreader-master")
4.) "npm ejecutar servir" y abrir "http://localhost:8000/BookReaderDemo/demo-simple.html"
Estas son más o menos las instrucciones en GitHub README, pero cuando abro "http://localhost:8000/BookReaderDemo/demo-simple.html", la página está en blanco en cromo. Cuando lo abro en Safari, el lector de libros se carga pero las páginas están en blanco. He intentado actualizar las dependencias usando npm-check, pero nada funciona.
No puedo encontrar ningún recurso fácil de seguir sobre esto que esté actualizado. Creo que Jquery podría ser el problema aquí, pero no estoy seguro de cómo solucionarlo. Cualquier orientación sería apreciada!
Un poco tarde, pero espero que esto ayude a otras personas que llegan a esta pregunta.
Primero descargo el proyecto de openlibrary y en VSC uso la terminal bash para ejecutar los comandos npm install, npm run build y run serve, luego noto que algunas muestras están "vacías" o así es como se ven, si inspeccionas el página puede ver que el body y div's son heigh: 0 esto se debe a que algunos archivos css no se representan correctamente, así que solo puse el div con id:BookReader este estilo: style="width:100%;height:100vh;overflow:hidden;" y comente el <link rel="stylesheet" href="BookReaderDemo.css"/> y simplemente use <link rel="stylesheet" href="../BookReader/BookReader.css"/>