Angular import marked error

[unsky559]

Marked version: 7.0.1

Describe the bug
When I trying to add Marked into my Angular project I got that errors:

Error: node_modules/marked/lib/marked.d.ts:449:5 - error TS1383: Only named e
xports may use 'export type'.

449     export type * from "MarkedOptions";
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/marked/lib/marked.d.ts:450:5 - error TS1383: Only named e
xports may use 'export type'.

450     export type * from "rules";
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/marked/lib/marked.d.ts:451:5 - error TS1383: Only named e
xports may use 'export type'.

451     export type * from "Tokens";
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Here is my component`s code fragments:

import {marked} from "marked";

updateNode(update: HTMLParagraphElement){
    this.node.content = update.innerText;

    this.parsedContent = marked.parse(update.innerText);
  }

[UziTech]

Seems like it is probably something to do with your tsconfig. Can you create a minimal repo so I can try to recreate this error?

[unsky559]

Sure! There it is: https://github.com/unsky559/t012
See the Editable component in src\app\editable\editable.component.ts.
Please use ng serve or npm run start to start your local server.

[UziTech]

looks like this was fixed in typescript v5 microsoft/TypeScript#37238

[mcdurdin]

Yes, these types were introduced in 7.0.1. This forces dependents to be on Typescript 5.0+ in order to use Marked 7.0.1+, which is unfortunate.

[unsky559]

Thank you all. I have updated my Typescript version to 5 and Angular version to 16 so that solved my issue.