Here’s a simple way to fix the “Module not found: Can’t resolve ‘pino-pretty'” and “Module not found: Can’t resolve ‘encoding'” errors in your NextJS or ReactJS project:
Open your next.config.js file in the root folder of your project.
Add this line config.externals.push(‘pino-pretty’, ‘encoding’);
/** @type {import(‘next’).NextConfig} */
const nextConfig = {
reactStrictMode: true,
webpack: (config) => {
config.resolve.fallback = { fs: false, net: false, tls: false };
config.externals.push(‘pino-pretty’, ‘encoding’);
return config;
},
};
const nextConfig = {
reactStrictMode: true,
webpack: (config) => {
config.resolve.fallback = { fs: false, net: false, tls: false };
config.externals.push(‘pino-pretty’, ‘encoding’);
return config;
},
};
module.exports = nextConfig;
![[Game of Purpose] Day 9](https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5c4htz0yutpuyvp6l54w.png)
