systemjsとangular2のサードパーティライブラリをインポートする

Question

私はtypescriptの世界ではかなり新しく、私はangular2アプリでサードパーティのライブラリを利用しようとしています。私はマークダウンを解析するために私のアプリケーションでhttps://www.npmjs.com/package/markedを使用しようとしていますが、それはモジュールを見つけることができないようです。

この男は、彼の角度の2サービスhttps://github.com/AntJanus/angular2-markdown-app/blob/master/src/app/services/markdown.service.ts

で罰金、ここでそれを使用するようだが、私の中で私の変数「MD」は未定義です。 https://github.com/bautistaaa/angular2-contentful/blob/master/app/markdown-converter/markdown-converter.component.ts#L18

次は、d.tsファイルを参照しているところです。

import * as marked from 'marked'; 

私はその輸入が何にとして混乱していますので、私はまだだけでなく、このインポートせずにd.tsファイルでintefacesを使用することができます気づきました。私はおそらく私のsystemjs設定や何に追加する必要があるかどうか分からないのですか？繰り返しますが、私は現時点では完全に無知なので、どんな助けも素晴らしいでしょう！

HERESに私のpackage.jsonにも

{ 
    "name": "portfolio", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "gulp serve", 
    "typings": "typings", 
    "postinstall": "typings install" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "angular2": "2.0.0-beta.14", 
    "contentful": "^3.3.5", 
    "es6-shim": "^0.35.0", 
    "marked": "^0.3.5", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "showdown": "^1.3.0", 
    "systemjs": "0.19.25", 
    "zone.js": "0.6.6" 
    }, 
    "devDependencies": { 
    "browser-sync": "^2.11.2", 
    "concurrently": "^2.0.0", 
    "gulp": "^3.9.1", 
    "gulp-autoprefixer": "^3.1.0", 
    "gulp-sass": "^2.2.0", 
    "gulp-sourcemaps": "^1.6.0", 
    "gulp-tslint": "^4.3.4", 
    "gulp-typescript": "^2.12.2", 
    "tslint": "^3.7.1", 
    "typescript": "^1.8.9", 
    "typings": "^0.7.12" 
    } 
} 

Answer 1

はsystemjs設定の問題でした。

Answer 2

あなたはそれを最初に初期化する必要があります。

constructor() { 
    this.md = marked.setOptions({}); 
    }