Webpack Error: axe-core cannot be extracted

[TheJaredWilcurt]

Product

axe-core

Product Version

4.5.0 and 4.5.1

Latest Version

• I have tested the issue with the latest version of the product

Issue Description

Steps to Reproduce:

I'm using vue-axe in a Vue 3, Vue-CLI project.

1. Install the Vue-CLI to generate an app from a boilerplate
   • npm install @vue/cli
   • vue create bug-repro > "Default Vue 3"
2. Follow the instructions in the vue-axe README:
   • https://github.com/vue-a11y/vue-axe-next#readme
3. Start webpack
   • npm run serve

Expected:

• Webpack starts up with no warnings/errors.

Actual:

WARNING  Compiled with 1 warning

warning  in ./node_modules/axe-core/axe.js

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

Additional information:

Issue was not present in v4.4.3. It is present in v4.5.0 and v4.5.1.

[straker]

Thanks for letting us know. We'll take a look to see what is causing the issue. I know we did some dependency updates recently so maybe that caused it? Will have to find out.

[seanBlommaert]

The error seems to occur on 2 places. Hope this helps.

./node_modules/axe-core/axe.js 379:46-53
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
./node_modules/axe-core/axe.js 386:15-22
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

[straker]

Status update on this. We should have a fix out for this in 4.5.2 (releasing today). If after 4.5.2 you are still experiencing problems please let us know.

[padmavemulapati]

dev task