2017-06-16 172 views
0

伙计。epubJS离子3集成

我想在我的Ionic 3测试应用程序中打开ePub文件没有成功。

我通过npm安装了epubjs。作为的package.json:在阅读页面

{ 
    "name": "app_name", 
    "author": "Author", 
    "homepage": "http://example.com/", 
    "private": true, 
    "scripts": { 
    "clean": "ionic-app-scripts clean", 
    "build": "ionic-app-scripts build", 
    "ionic:build": "ionic-app-scripts build", 
    "ionic:serve": "ionic-app-scripts serve" 
    }, 
    "dependencies": { 
    "@angular/animations": "4.1.3", 
    "@angular/common": "4.1.3", 
    "@angular/compiler": "4.1.3", 
    "@angular/compiler-cli": "4.1.3", 
    "@angular/core": "4.1.3", 
    "@angular/forms": "4.1.3", 
    "@angular/http": "4.1.3", 
    "@angular/platform-browser": "4.1.3", 
    "@angular/platform-browser-dynamic": "4.1.3", 
    "@angular/platform-server": "4.1.3", 
    "@ionic-native/core": "3.12.1", 
    "@ionic-native/device": "^3.12.1", 
    "@ionic-native/network": "^3.12.1", 
    "@ionic-native/splash-screen": "3.12.1", 
    "@ionic-native/status-bar": "3.12.1", 
    "@ionic-native/transfer": "^3.12.1", 
    "@ionic/storage": "2.0.1", 
    "epubjs": "^0.2.20", 
    "ionic-angular": "3.4.0", 
    "ionicons": "3.0.0", 
    "ng2-pdf-viewer": "^1.1.0", 
    "rxjs": "5.4.0", 
    "sw-toolbox": "3.6.0", 
    "zone.js": "0.8.12" 
    }, 
    "devDependencies": { 
    "@ionic/app-scripts": "1.3.7", 
    "@ionic/cli-plugin-ionic-angular": "1.3.1", 
    "typescript": "2.3.4" 
    }, 
    "cordovaPlugins": [ 
    "cordova-plugin-whitelist", 
    "cordova-plugin-console", 
    "cordova-plugin-statusbar", 
    "cordova-plugin-device", 
    "cordova-plugin-splashscreen", 
    "ionic-plugin-keyboard" 
    ], 
    "cordovaPlatforms": [], 
    "description": "readerApp" 
} 

导入epubjs(import {epubjs} from 'epubjs';)(页/读卡器/ reader.ts)似乎确定。但当我尝试创建ePub书籍(let book = epubjs.ePub(url))时,我在应用程序运行时收到以下错误消息:

未捕获错误:模块解析失败:/ home // dev_mobile // node_modules/@ ionic/app-scripts/dist/webpack/transpile-loader.js!/home//dev_mobile//node_modules/epubjs/server.js意外字符'#'(1:0) 您可能需要一个合适的加载程序来处理此文件类型。 | #!/ usr/bin/env node | var connect = require('connect'), |颜色=要求('颜色'),。 。 。

过去3天内搜索了没有任何线索。任何人也有这个?

我的猜测是epubjs集成并不是很成熟,但我对如何修复它知之甚少= |

回答

1

您需要epubjs文件夹复制到的src /资产,然后引用必要 文件在您的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