TypeError: __webpack_require__(...).context is not a function - 硬编码但不带参数

Question

const importAll = (r) => r.keys().map(r);
const importAllFrom = (dir) => importAll(require.context(dir, false, /\.(png|jpe?g|svg)$/))

调用 `importAllFrom("../images") 会引发错误 'webpack_require__(...).context is not a function'。

但是，我对目录名称进行硬编码的以下代码可以正常工作。

const importAll = (r) => r.keys().map(r);
const importAllFrom = (dir) => importAll(require.context("../images", false, /\.(png|jpe?g|svg)$/))

所有代码都在同一个反应组件中。

我错过了什么真的很愚蠢吗？

Answer 1

实际上我并没有想到要检查 docs 是否有这个问题，因为 99% 的时间这类问题是一个错字，但实际上他们声明这是它应该如何工作的：

传递给 require.context 的参数必须是文字！