The prismjs code highlighting plugin introduces the issue of all language orders

Little scum · Posted on 2025-3-2 20:13:24

Requirements: Front-end projects use prismjs to highlight and color the code, all 297 languages supported by prismjs, if you want to introduce all programming languages, there is a dependency problem, that is, there is an introduction order.

Prism is a lightweight, extensible syntax highlighter built with modern web standards in mind. It is used by millions of websites, including some that you visit every day.

Official Website:https://prismjs.com/
Source:https://github.com/PrismJS/prism

If there is a dependency problem with the introduced programming language, the error is as follows:

Uncaught TypeError: Cannot set properties of undefined (setting 'keyword')
at Object.extend (scripts.js:345:14)
at scripts.js:1949:41

Prism.languages.arduino=Prism.languages.extend("cpp",{});

Dependency viewingrequirefields, view:The hyperlink login is visible.

If you are using the specified version of the npm installation, you can check it"node_modules\prismjs\components.js"Disposition.

solution

Implement dependency sorting yourself, the code is as follows:

Login is visible.

Little scum · Posted on 2025-3-2 20:20:43

code

Login is visible.

[Other] The prismjs code highlighting plugin introduces the issue of all language orders

Related Posts

Sections viewed