с помощью ng2-pdf-viewer с angular-cli

Question

Я пытаюсь добавить ng2-pdf-viewer в свой проект angular2, но у меня возникают проблемы с настройкой его с помощью Angular-CLI, в руководстве говорится, что я должен добавить сопоставление с systemjs, но angular-cli теперь не использует systemjs. Я попытался добавить путь к lib в angular-cli.json, но он дает мне ту же ошибку.

Uncaught Error: Unexpected value 'PdfViewerComponent' declared by the module 'AppModule' 
at http://localhost:3000/vendor.bundle.js:12183:31 
at Array.forEach (native) 
at CompileMetadataResolver.getNgModuleMetadata (http://localhost:3000/vendor.bundle.js:12170:49) 
at RuntimeCompiler.compileComponents (http://localhost:3000/vendor.bundle.js:18476:47) 
at RuntimeCompiler._compileModuleAndComponents (http://localhost:3000/vendor.bundle.js:18414:37) 
at RuntimeCompiler.compileModuleAsync (http://localhost:3000/vendor.bundle.js:18405:21) 
at PlatformRef.bootstrapModuleWithZone (http://localhost:3000/vendor.bundle.js:26818:25) 
at PlatformRef.bootstrapModule (http://localhost:3000/vendor.bundle.js:26800:21) 
at HTMLDocument.main (http://localhost:3000/main.bundle.js:89232:10) 
at ZoneDelegate.invokeTask (http://localhost:3000/polyfills.bundle.js:15379:38) 
at Zone.runTask (http://localhost:3000/polyfills.bundle.js:15279:48) 
at HTMLDocument.ZoneTask.invoke (http://localhost:3000/polyfills.bundle.js:15447:34) 

это ошибка я получаю от компонента, компонент использует pdfjs расст и не включает в себя TS-файл и, так как я не могу использовать systemjs как руководство говорит, что мне нужна помощь, включая его.

угловой cli.json:

{ 
    "project": { 
    "version": "1.0.0-beta.17", 
    "name": "ng_pdf_app" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": "assets", 
     "index": "index.html", 
     "main": "main.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.json", 
     "prefix": "app", 
     "mobile": false, 
     "styles": [ 
     "styles.css", 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/tether/dist/js/tether.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js" 
     ], 
     "environments": { 
     "source": "environments/environment.ts", 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "addons": [], 
    "packages": [ {"ng2-pdf-viewer":{ "main": "dist/pdf-viewer.component.min.js", "defaultExtension": "js" }}, 
    {"pdfjs-dist": { "defaultExtension": "js" }}], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
    "prefixInterfaces": false 
    } 
} 

ng2-pdf-viewer

Answer 1

Проверка Угловое-CLI Документация по How to integrate third party libraries

Вам просто нужно включить соответствующие JS файлы в сценарии объекта в angular-cli.json файле.

Надеюсь, что это поможет!