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

Zet*_*eth 1 javascript webpack vue.js

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

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

TypeError: TurndownService is not a constructor
Run Code Online (Sandbox Code Playgroud)

我正在使用 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>' 
      );
    },
    ...
    ...
Run Code Online (Sandbox Code Playgroud)

这是它在 node_modules 中的样子:

夜床文件夹结构


我已经尝试了各种方法来解决它。基于,我尝试

var TurndownService = require('turndown').TurndownService;
Run Code Online (Sandbox Code Playgroud)

var TurndownService = require('turndown/dist/turndown').TurndownService;
Run Code Online (Sandbox Code Playgroud)

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

小智 5

在处理相同问题时找到了您的帖子。

这为我修复了它:

const TurndownService = require('turndown').default;
Run Code Online (Sandbox Code Playgroud)

在那之后,常规指令就像一个魅力!