报错 - 使用marked报错 marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function

  今天在vue项目中需要用到 marked 插件来解析markdown类型的内容 ，发现直接使用默认的方式 import marked from 'marked' 导入提示这个报错： marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function，通过多次尝试解决，发现其实解决方法很简单，只需要将使用es6解析marked即可，即 import { marked } from 'marked' 。

一、报错

  使用marked插件的时候报错 marked__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function 如下：

二、报错原因及解决方法

  报错的原因是因为我直接使用默认的导入方式将marked，后面发现随着版本的更新，不能直接通过默认方式导入了，因为内部增加了其它的方法，所有需要换成按需导入的方式导入。改成这样的导入方式 import { marked } from 'marked' 就完美的解决了上面的报错了。