Vue.js ES6样式导入：需要在Vue组件中对其进行标记时遇到问题

我有一个vue组件，我想引入一个NPM包，但我不确定ES6语法。我有一个laravel应用程序，它使用babel从ES6进行翻译，以防您感到奇怪。我为这个超级入门级的问题道歉，但我就是不知道我做错了什么

文档显示了所需的（）语法，就好像我在运行vanilla节点一样（我想，javascript不是我的主要语言）

但是，我想这样导入它：

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突出显示它，好像它无法解析包一样。如果我仔细查看这个包，看起来他们实际上是在导出我认为是在导入的模块。如有任何意见，将不胜感激

---

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

根据James的回答，删除花括号为我解决了问题。对于基本的brogrammer问题，我深表歉意。

您是否尝试过删除导入声明中

MarkdownIt

周围的大括号？成功了！我没有意识到命名导入和非命名导入之间的区别。我认为这是语法上的糖分，而不是更冗长的方式。我很抱歉问这样一个RTM类型的问题。更重要的是，谢谢！

"TypeError: _markdownIt.MarkdownIt is not a constructor"