markdown-it-prism: after importing Critical dependency issues come out

[afsarpervez]

WARNING in ./node_modules/prismjs/components/index.js 42:23-54
Critical dependency: the request of a dependency is an expression

My code part that causing the problem while using with WebPack
import prism from 'markdown-it-prism';

farther code lines:

const md = new MarkdownIt();
md.use(prism);

I tried changing versions for different laravel mix, vue, and markdown-it-prism packages. But nothing changed. This problem only omitted when I remove the markdown-it-prism import.

[jGleitz]

Hi, thanks for the report (and sorry for the late response).

I think this problem is part of the fact that this plugin does not work very well with Webpack (#28). So far, nobody has come up with a good solution for this. The main cause of the issue is that we need to load the language dynamically by including their files, an approach that (naturally) doesn’t work well with Webpack. I have given some hints in the README about how to circumvent this, but it is certainly not ideal.

Apart from the warning, does markdown-it-prism work for you if you include the languages manually, as explained in the README?

[NOPR9D]

download prismjs from : https://prismjs.com

and use like this :

work great for me

Good luck

[jGleitz]

I am closing this as a duplicate of #28