在Vue中使用Turndown-TypeError:TurndownService不是构造函数

时间:2019-04-10 20:39:44

标签: javascript vue.js webpack

我正在尝试在Vue应用程序中将HTML转换为Markdown。

我正在尝试实施Turndown,但在控制台中出现错误:

TypeError: TurndownService is not a constructor

我正在使用Webpack进行编译。这是我正在尝试在其中使用的vue组件:

<script>
  var TurndownService = require('turndown');
  console.log( new TurndownService() ); // Returns 'undefined';
  export default {
    mounted() {
      var turndownService = new TurndownService();
      this.markdownContent = turndownService.turndown( 
        '<a href="https://example.org">A link</a><p>Hello world</p>' 
      );
    },
    ...
    ...

这是在node_modules中的样子:

turndown folder structure


我已经尝试了各种方法来解决它。根据{{​​3}},我尝试了

var TurndownService = require('turndown').TurndownService;

var TurndownService = require('turndown/dist/turndown').TurndownService;

...但是没有雪茄。 :-/

1 个答案:

答案 0 :(得分:0)

在处理您的帖子时找到了它。

这对我来说是固定的:

const TurndownService = require('turndown').default;

在那之后,常规说明就像一个魅力!