nextjs - 💡(How to fix) Fix Turbopack: CommonJS require import of 'canvas' fails to resolve when using react-pdf library (Nextjs v16.0.1) [2 comments, 2 participants]

TL;DR

The issue is likely due to Turbopack's inability to resolve the canvas library in a Docker environment, and a workaround may involve adjusting the Dockerfile or Next.js configuration.

Guidance

• Verify that the canvas library is installed and compatible with the Node.js version used in the Docker image.
• Check the Dockerfile for any differences in environment variables or dependencies that might affect Turbopack's behavior compared to the local build.
• Consider adding a --legacy-peer-deps flag to the npm install or yarn install command in the Dockerfile to resolve potential peer dependency issues.
• Investigate the differences in build environments between the local machine (M4 Mac) and the Docker container to identify potential causes for the discrepancy.

Example

No code snippet is provided as the issue is more related to environment and configuration.

Notes

The issue may be specific to the Docker environment or the combination of Next.js and Turbopack versions used. Further investigation into the Dockerfile and build process is necessary to determine the root cause.

Recommendation

Apply workaround: Adjust the Dockerfile or Next.js configuration to resolve the canvas library issue, as the problem seems to be environment-specific rather than a version-related issue that could be fixed by upgrading.