使用标记库- TypeError: marked.parse不是一个函数

Question

我要在JS中建立一个简单的降价预告片。

我有：

• 通过在app文件夹中运行npm i marked安装库(我双倍地检查了nodes_package文件夹，并确实创建了一个标记的文件夹)
• 在我的import marked from "marked"文件顶部添加了App.js
• 按照标记文档的“高级”部分中的建议，使用marked.parse(string)函数

当我尝试运行这个应用程序时，我得到：

TypeError: marked.parse不是一个函数

Answer 1

您可以像这样使用marked：

进口标记

import marked from 'marked';

然后调用组件中的函数：

marked('# Markdown');

下面是一个例子：

// app.jsx
import marked from "marked"

const html = marked('# Marked in React\n\nRendered by **marked**.');

const App = () => {
    return <p dangerouslySetInnerHTML={{ __html: html }} />
}

虽然它在html format中生成结果，但是我们需要使用react的dangerouslySetInnerHTML来解析它。

Answer 2

我得到了一些帮助--关键是将脚本添加到index.html文件中，并在App.js顶部设置/* global marked */标志--看起来好像在导入时关闭了一些东西。