Using the marked library - TypeError: marked.parse is not a function

Question

I am buiding a simple markdown previewer in JS

I have:

Installed the library by running npm i marked in the app folder (I double checked the nodes_package folder and a marked folder was indeed created)
Added import marked from "marked" at the top of my App.js file
As per suggested in the Marked documentation’s “advanced” section, used the marked.parse(string) function

When I try to run the app, I get:

TypeError: marked.parse is not a function

I had some help - the key was to add the script to the index.html file, and to set the /* global marked */flag at the top of the App.js - looks like something was off when importing — double-dash-deli
– double-dash-deli, Commented Nov 9, 2021 at 15:36

Pradip Dhakal · Accepted Answer · 2021-11-09 13:42:17Z

0

you can use marked just like this:

Import marked

import marked from 'marked';

Then call the function in your component:

marked('# Markdown');

Here is the example:

// app.jsx
import marked from "marked"

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

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

Though it generate the result in html format, so we need to parse it by using dangerouslySetInnerHTML of react.

answered Nov 9, 2021 at 13:42

Pradip Dhakal

1,9821 gold badge15 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

double-dash-deli · Accepted Answer · 2021-11-09 15:37:28Z

0

I had some help - the key was to add the script to the index.html file, and to set the /* global marked */ flag at the top of the App.js - looks like something was off when importing

answered Nov 9, 2021 at 15:37

double-dash-deli

12 bronze badges

Collectives™ on Stack Overflow

Using the marked library - TypeError: marked.parse is not a function

2 Answers 2

Here is the example:

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Here is the example:

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related