ES6样式导入:在Vue组件中需要markdown-it时出现问题

Question

我有一个vue组件，我想拉入一个NPM包，但我不确定ES6语法。我有一个laravel应用程序，它使用babel从ES6转换，如果你想知道的话。我为这个超级入门级的问题道歉，但我就是不知道我做错了什么。

https://www.npmjs.com/package/markdown-it

文档显示了所需的()语法，就好像我在运行普通节点(我想；javascript不是我的主要语言)。

// node.js, "classic" way:
var MarkdownIt = require('markdown-it'),
md = new MarkdownIt();
var result = md.render('# markdown-it rulezz!');

但是，我想像这样导入它：

import Csrf from './../Form/Csrf'; // Vue component
import { Validator, mixin as validator_mixin } from 'simple-vue-validator'; // Other package I'm pulling in
// Package I can't get to pull in correctly
import { MarkdownIt } from 'markdown-it'; 

如果我尝试使用它作为构造函数，我会得到：

"TypeError: _markdownIt.MarkdownIt is not a constructor"

如果我console.log()它，我得到null。PhpStorm高亮显示它，就好像它不能解析包一样。如果我深入研究这个包，它看起来像是他们实际上正在导出我认为我正在导入的模块。任何意见都将不胜感激。

使用它作为构造函数并获取错误使我认为我的方向是正确的，因为输出中显示的似乎是一个“受保护”的属性。

Answer 1

根据James的回复，删除大括号为我解决了问题。我为这个基本的粗俗的问题道歉。