2017-05-22 5 views
0

나는 epub 파일을 읽을 수있는 응용 프로그램을 만들려고합니다. 그래서 에 따라 Epub.js javascript library을 가져 오려고했습니다. 나는이 기사의 준비를 끝냈다. 따라서 아래 코드를 사용하면 Windows 10 및 Chrome 브라우저에서 이오닉 2 앱에서 epub.js를 사용하려고합니다. 하지만 아래에이 오류가 나타납니다. 이 오류가 발생하는 이유는 무엇입니까?Epub.js Ionic의 용도

ecatalog.ts

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 
import {epubjs} from "epubjs"; 

@Component({ 
    selector: 'page-ecatalog', 
    templateUrl: 'ecatalog.html' 

}) 
export class EcatalogPage { 

    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    var Book = epubjs.ePub("../www/books/k1ecatalog.epub"); 
     Book.renderTo("area"); 
    } 
} 

ecatalog.html

<ion-content> 
<div onclick="Book.prevPage();">‹</div> 
<div id="area"></div> 
<div onclick="Book.nextPage();">›</div> 

</ion-content> 

오류 :

당신은 epubjs에게 폴더 에 SRC/자산 다음 참조를 복사해야
Runtime Error 
Error in ./MyApp class MyApp - caused by: Cannot read property 'ePub' of undefined 

Stack 
TypeError: Cannot read property 'ePub' of undefined 
    at new EcatalogPage (http ://192.16 8.33.11:8100/build/main.js:58587:66) 
    at new Wrapper_EcatalogPage (/AppModule/EcatalogPage/wrapper.ngfactory.js:7:18) 
    at CompiledTemplate.proxyViewClass.View_EcatalogPage_Host0.createInternal (/AppModule/EcatalogPage/host.ngfactory.js:15:26) 
    at CompiledTemplate.proxyViewClass.AppView.createHostView (http: //192 .168.33.11:8100/build/main.js:99490:21) 
    at CompiledTemplate.proxyViewClass.DebugAppView.createHostView... 

답변

-1

필요한 내용 :당신의 SRC에서파일/index.html을

<script src="assets/epubjs/build/epub.min.js"></script> 
<script src="assets/epubjs/build/libs/zip.min.js"></script> 

다음 페이지에 :이 링크는 질문에 대답 수 있지만

declare var ePub: any; 
let book = ePub("assets/books/moby-dick/"); 

https://github.com/janpio/ionic-epubjs

+1

, 필수를 포함하는 것이 좋습니다 답변의 일부를 참조 용으로 제공하십시오. 링크 된 페이지가 변경되면 링크 전용 답변이 유효하지 않게 될 수 있습니다. - [From Review] (리뷰/저품절 게시물/16672935) – maRtin