在 systemjs 和 angular2 中导入第三方库

Question

我是打字稿世界的新手，我正在尝试让第 3 方库在我的 angular2 应用程序中运行。我正在尝试在我的应用程序中使用 https://www.npmjs.com/package/marked 来解析降价，但它似乎找不到模块。

这家伙似乎在他的 angular 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 文件中的接口，所以我对导入的作用感到困惑。我不确定我是否需要将它添加到我的 systemjs 配置中或者什么？同样，我现在完全一无所知，所以任何帮助都会很棒！

这也是我的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

你必须先初始化它：

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

Answer 2

是 systemjs 配置问题。

在 systemjs 和 angular2 中导入第三方库

importing 3rd party libraries in systemjs and angular2

npm

angularjs

systemjs

angular