麻烦老师帮我看下 我哪里写错了吗

来源:4-2 阅读器解析和渲染

慕用1916611

2020-08-04

那天不知道为什么 就突然显示不了 任何电子书都是一片空白
console.log也能返回book信息 控制台也没有任何错误 点击nginx链接也能进行下载
这份代码是我自己重新又写了一遍 也是照样空白

<template>
  <div class="ebook-reader">
    <div id="read"></div>
  </div>
</template>

<script>
import Epub from 'epubjs'
import { mapGetters } from 'vuex'
global.ePub = Epub
export default {
    name: 'ebookreaader',
    computed: {
      ...mapGetters(['fileName'])
    },
    methods: {
      initEup() {
        const baseUrl = 'http://localhost:8081/epub/' + this.fileName + '.epub'
        console.log(baseUrl)
        this.book = new Epub(baseUrl)
        console.log(this.book)
        this.rendition = this.book.renderTo('read', {
          width: innerWidth,
          height: innerHeight,
          method: 'default'
        })
        this.rendition.display()
      }
    },
    mounted() {
      const fileName = this.$route.params.fileName.split('|').join('/')
      console.log(fileName)
      this.$store.dispatch('setName', fileName).then(() => { this.initEup() })
    }
}
</script>

<style scoped>

</style>

写回答

2回答

扬_灵

2020-08-05

同学你好,这里的代码是没有问题的,可以把整个项目代码上传到github或者是码云等这类的代码托管平台,把地址发我一下,我在本地帮你定位一下问题。

0
2
慕用1916611
非常感谢!
2020-08-05
共2条回复

慕用1916611

提问者

2020-08-05

如果有人遇到这个问题 epubjs版本进行降级就可以了 

"epubjs": "0.3.71",

不过也是奇怪 之前都一直可以运行 正常打开 就前天突然白屏 一直渲染不出来

0
0

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程