Description
Environment
- Operating System:
Windows_NT - Node Version:
v16.13.2 - Nuxt Version:
3.0.0-27456065.f38cace - Package Manager:
npm@8.5.0 - Builder:
vite - User Config:
- - Runtime Modules:
- - Build Modules:
-
Reproduction
git clone git@github.com:Aareksio/nuxt3-chunk-naming-strategy.git
cd nuxt3-chunk-naming-strategy
npm ci
npm run build
ls -l .output/public/_nuxt/ | grep "my-component"As you can see, a chunk was generated for my-component, my-component-15e4fa4c.mjs in my case.
Describe the bug
The chunk name may be blocked by adblocker software, some keywords commonly blocked:
- banner -> hero-banner.vue
- tracking -> usage-tracking-widget.vue
- ad -> ad-space.vue
Failing to load any of those chunks results in complete app failure. Not only the blocked component, but whole app becomes unusable.
Additional context
Escalating from discussion as it did not get any traction and the issue is critical for any production deployment. Read the discussion post for additional context if necessary.
Logs
No response