Question

我正在使用带有webpack和ES6的TypeScript。我正在尝试导入模块Showdown并使用它将markdown转换为HTML。这是我的app.ts代码：

/// <reference path="../typings/tsd.d.ts" />

import 'zone.js';
import 'reflect-metadata';
import 'es6-shim';

import * as showdown from 'showdown';

import {Component, View, bootstrap} from 'angular2/angular2';

@Component({
  selector: 'markdown-app'
})
@View({
  templateUrl: '/app/markdownApp.html'
})
class MarkdownAppComponent {
  public html: string;
  private md: any;

  constructor() {
    this.html = '';
    this.md = showdown.Converter();
  }

  public updateValue(val) {
    this.html = this.md.makeHtml(val);
  }
}

bootstrap(MarkdownAppComponent);

当我尝试将TS转换为ES6时，出现以下错误：

ERROR in ./src/app/app.ts
(23,24): error TS2339: Property 'Converter' does not exist on type 'typeof Showdown'.

我正在使用TSD来安装所有类型定义。 Angular加载很好，但Showdown似乎遇到了麻烦。 Showdown类型文件似乎是正确的（包括属性Converter），根据我的理解，它加载正常。

我控制台注销了showdown变量，以确保Showdown确实获得了导入器，但确实如此，并且它具有Converter属性。

有什么想法吗？

Answer 1

我遇到了类似的问题，我不得不这样做：

this.md = new showdown.Converter();

而不是

this.md = showdown.Converter();

看起来你刚刚解决了你的问题，但是如果有人遇到这个问题，我想我会把我的解决方案扔到这里。

即使包含类型文件，Typescript也会抛出属性上不存在的属性

1 个答案: