javascript - TypeError : __webpack_require__(. ..).context 不是函数 - 可以硬编码,但不能与参数一起使用

标签 javascript reactjs webpack

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

调用 `importAllFrom("../images") 会抛出错误“webpack_require__(...).context 不是函数”。

但是,我对目录名称进行硬编码的以下代码工作得很好。

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

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

我错过了一些非常愚蠢的东西吗?

最佳答案

我实际上并没有想到要检查 docs对于这个问题,因为 99% 的情况下此类问题是拼写错误,但实际上他们声明这就是它应该如何工作的:

The arguments passed to require.context must be literals!

关于javascript - TypeError : __webpack_require__(. ..).context 不是函数 - 可以硬编码,但不能与参数一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61735408/

相关文章:

javascript - 正则表达式窗口路径验证器

javascript - Heroku 本地持久存储

Webpack 最大块大小

node.js - 如何在 Windows 和 Mac 上运行 npm webpack vue 项目?

javascript - 如何检查我的 XMLHttpRequest post 方法是否成功?

javascript - 如何从 Firebase React 获取和显示所有子列表

javascript - 我怎样才能从我的api调用我的id到reactjs

javascript - React Material UI - 清除字段按钮后自动完成组件按钮

javascript - @babel/plugin-proposal-optional-chaining 在 Vue.js <script> 标签中不起作用

javascript - React Native FlatList 错误 -- "Possible Unhandled Promise Rejection (id: 0): undefined is not an object"