电子书渲染不出来

Question

Home.vue

<template>
  <div class="home">
   <div id="read"></div>
  </div>
</template>

<script>
import Epub from 'epubjs'

global.ePub = Epub
export default {
  name: 'home',
  mounted () {
    this.book = new Epub('/2010_Book_AccountabilityInPublicPolicyPa.epub')
    console.log(this.book)
    this.book.renderTo('read', {
      width: window.innerWidth,
      height: window.innerHeight
    }).display()
  }
}
</script>

但是浏览器可以打印出this.book

Answer 1

Sam 2019-05-21 22:33:50

你好，应该是电子书路径的问题，你在public目录下放置电子书了吗，如果放置了，把

this.book = new Epub('/2010_Book_AccountabilityInPublicPolicyPa.epub')

改为

this.book = new Epub('2010_Book_AccountabilityInPublicPolicyPa.epub')

试试

• 提问者 qq_分享_03220023 #1

  不是路径问题，是书的问题，换成老师的epub文件就可以了，麻烦老师了

• Sam 回复 提问者 qq_分享_03220023 #2

  好的，解决了就好

• 慕九州4451910 回复 提问者 qq_分享_03220023 #3

  你是换成了个老师一摸一样的同名电子书吗？我也遇到了这个问题

点开查看后面1条评论