在systemjs和angular2

时间:2016-04-16 21:18:56

标签: angularjs npm angular systemjs

我是打字稿世界的新手,我正试图让我的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文件中的接口而不进行此导入,所以我对导入的内容感到困惑。我不确定它是否可能需要添加到我的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"
  }
}

2 个答案:

答案 0 :(得分:1)

您必须先将其初始化:

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

答案 1 :(得分:-1)

是systemjs配置问题。