Critical dependency: the request of a dependency is an expression

[michaelbirchler]

Subject of the issue

We use remark-textr in a next.js / webpack web application and get the following warning:

node_modules/remark-textr/index.js 24:34-45
Critical dependency: the request of a dependency is an expression

Your environment

• OS macOS
• Packages: remark-textr, 4.0.0, next.js 10.0.2
• Env: node, 12.19.1

Steps to reproduce

Install remark-textr in a webpack application.

Similar issues

• [Warning] Critical dependency: the request of a dependency is an expression remark-github#9

Related links

• https://webpack.js.org/guides/dependency-management/#require-with-expression

[wooorm]

The steps to reproduce are missing a small reproducible code sample, e.g., a codesandbox would be useful

[wooorm]

E.g., ik wondering what webpack version the problem is. And if you can solve it by requiring your textr plugins yourself instead of passing in strings. Or if you can solve it by configuring webpack.

[michaelbirchler]

@wooorm I've created a minimal example repository. You can clone it here and start it with yarn dev. 🙇‍♂️.

[wooorm]

This seems to be a warning, not an error. Searching turns up a lot of discussions, such as: webpack/webpack#196.

I am able to add:

import ellipses from "typographic-ellipses";
// ...

    <ReactMarkdown
      {...{
        source,
        plugins: [[textr, { plugins: [ellipses] }]],
      }}
    />

And it works just fine.

So it seems you can ignore the warning?

[wooorm]

It seems a bit dirty, but you could maybe filter the warnings out if you know it’s acceptable: webpack/webpack#196 (comment)

[michaelbirchler]

@wooorm I've removed the warning with swissredcross/remark-textr-webpack-error@6c3d4c0. Thank you for helping me with the issue.