如何將URI.js庫包含在Angular2 +應用程序中？

Question

我試圖找到一種方法來在我的angular2 +應用中包含第三方庫（urijs）。下面你會發現有關的文件。

// package.json 
{ 
    ... 
    "dependencies": { 
    ... 
    "urijs": "^1.18.10", 
    ... 
    } 
    ... 
} 

// .angular-cli.json 
{ 
    ... 
    "scripts": ["../node_modules/urijs/src/URI.js"], 
    ... 
} 

// file.service.js 
declare const URI: any; 
... 
... 
URI.expand(..); 

這樣做，我在運行我的應用程序時出錯。

ERROR TypeError: URI.expand is not a function 
at ProfileService.webpackJsonp.../../../../../src/app/shared/trakt/users/profile.service.ts.ProfileService.retrieveProfile (main.bundle.js:1071) 
at HeaderComponent.webpackJsonp.../../../../../src/app/home/header/header.component.ts.HeaderComponent.ngOnInit (main.bundle.js:239) 
at checkAndUpdateDirectiveInline (vendor.bundle.js:59912) 
at checkAndUpdateNodeInline (vendor.bundle.js:61408) 
at checkAndUpdateNode (vendor.bundle.js:61347) 
at debugCheckAndUpdateNode (vendor.bundle.js:62208) 
at debugCheckDirectivesFn (vendor.bundle.js:62149) 
at Object.eval [as updateDirectives] (ng:///HomeModule/HomeComponent.ngfactory.js:13) 
at Object.debugUpdateDirectives [as updateDirectives] (vendor.bundle.js:62134) 
at checkAndUpdateView (vendor.bundle.js:61314) 

任何想法，我怎麼能包括urijs庫？

感謝

Answer 1

如果urijs不包括原生角/ Typesript支持，你需要還包括分型文件，使編譯器知道如何使用圖書館：

https://github.com/typings/typings https://github.com/DefinitelyTyped/DefinitelyTyped

Answer 2

我找到了一個工作解決方案。我不知道它是否正確，但它的工作原理。我正在使用angular@4.0.0和angular-cli@1.2.0。

您需要在.angular-cli.json文件中的scripts數組中添加URITemplate.js與URI.js。

"scripts": [ 
    "../node_modules/urijs/src/URI.js", 
    "../node_modules/urijs/src/URITemplate.js" 
] 

URI.js存儲庫中的問題UriTemplate needs to be defined globally #297幫助了我。