__webpack_require__(...).context is not a function

Question

I'm getting

index.js:978 TypeError: __webpack_require__(...).context is not a function
at eval (index.vue:20)
at Object.dqAR (pages-investment-pages-home-index.js:348)
at __webpack_require__ (index.js:854)
at fn (index.js:151)
at eval (null:1)
at Module.Hi1e (pages-investment-pages-home-index.js:177)
at __webpack_require__ (index.js:854)
at fn (index.js:151)
at eval (null:1)
at Module.bE2I (pages-investment-pages-home-index.js:320)

here is my code

const path = './'
require.context(path,false,/\.js$/)

it looks like the arguments of require.context can't be a varible. because when i used like this it works fine:

require.context('./',false,/\.js$/)

i am confuse about it.

is that because of this function is belong to webpack and it's running before the compile?

thanks for ur answer.

See also different solution at https://stackoverflow.com/a/74572172/12534 — Christian Davén, Mar 09 '23 at 07:50

score 8 · Accepted Answer · answered Jan 01 '22 at 09:33

The arguments passed to require.context must be literals! (look at warning in the link)

In the images below the right side is the generated webpack from left side:

Using literals generates valid __webpack_require__:

Using variables generated invalid __webpack_require__:

__webpack_require__(...).context is not a function

1 Answers1

Linked