I am trying to use the Internet Archive Book Reader. I basically want to create a book reader on a website with custom pages for a scanned text. I am trying to follow the instructions for the demo in the README:

https://github.com/internetarchive/bookreader

I am relatively new to this kind of thing, and every time I follow the instructions to just get the demo working, I keep getting a multitude of different problems. Here is what I am doing.

1.) download the repository ("bookreader-master") into my Downloads folder using git clone

2.) use “npm install” to download the dependencies

3.) “npm run build” in project folder (“bookreader-master”)

4.) “npm run serve” and open up "http://localhost:8000/BookReaderDemo/demo-simple.html"

These are more or less the instructions in the GitHub README, but when I open “http://localhost:8000/BookReaderDemo/demo-simple.html”, the page is blank in chrome. When I open it in safari, the book reader loads but the pages are blank. I have tried trying to update dependencies using npm-check, but nothing is working.

I can’t find any easy-to-follow resources on this that are up to date. I think Jquery might be the issue here, but I am not sure how to fix it. Any guidance would be appreciated!