All Posts In Webpack

Webpack setup is a nightmare, at least for me. In this article, I am going to show you some webpack errors I got when I upgraded the webpack from 4 to 5, and the possible solutions to fix them.

On systems without a real /data folder, using import('/data/xyz.json') in a Next.js project may appear to “just work” because Webpack quietly resolves the path to projectRoot/data/xyz.json during build, treating it as a module request rather than an absolute filesystem path. But this behavior is fragile — once a real /data directory exists on the server (e.g., from a MongoDB install), Webpack attempts to scan it, hits permission-protected system folders, and crashes the build with EACCES. The fix is to avoid absolute paths entirely and use path.resolve(process.cwd(), ...) to safely load project-local files.