Module not found: Can't resolve 'encoding'

[louis030195]

Summary

Hi, getting bunch of warning since 5 months since using nextjs in different projects and could not find a solution

i procrastinated enough now and it f** my console of warnings

i guess it's because these deps don't work in edge runtime (i tested), how can i fix this issue

(i checked perplexity.ai, chatgpt, github, and google beforehand)

Additional information

- warn ./node_modules/@neurosity/sdk/dist/browser/neurosity.js
Critical dependency: the request of a dependency is an expression

Import trace for requested module:
./node_modules/@neurosity/sdk/dist/browser/neurosity.js
./components/useTokens.tsx
./components/NeurosityConnect.tsx

./node_modules/@firebase/functions/node_modules/node-fetch/lib/index.js
Module not found: Can't resolve 'encoding' in '/Users/louisbeaumont/Documents/mediar/node_modules/@firebase/functions/node_modules/node-fetch/lib'

Import trace for requested module:
./node_modules/@firebase/functions/node_modules/node-fetch/lib/index.js
./node_modules/@firebase/functions/dist/index.node.cjs.js
./node_modules/firebase/functions/dist/index.cjs.js
./node_modules/@neurosity/sdk/dist/cjs/api/firebase/FirebaseApp.js
./node_modules/@neurosity/sdk/dist/cjs/api/firebase/index.js
./node_modules/@neurosity/sdk/dist/cjs/Neurosity.js
./node_modules/@neurosity/sdk/dist/cjs/index.js
./components/useTokens.tsx
./components/NeurosityConnect.tsx

./node_modules/node-fetch/lib/index.js
Module not found: Can't resolve 'encoding' in '/Users/louisbeaumont/Documents/mediar/node_modules/node-fetch/lib'

Import trace for requested module:
./node_modules/node-fetch/lib/index.js
./node_modules/cross-fetch/dist/node-ponyfill.js
./node_modules/@supabase/supabase-js/dist/main/lib/fetch.js
./node_modules/@supabase/supabase-js/dist/main/SupabaseClient.js
./node_modules/@supabase/supabase-js/dist/main/index.js
./node_modules/@supabase/auth-helpers-shared/dist/index.js
./node_modules/@supabase/auth-helpers-nextjs/dist/index.js
./app/supabase-server.ts
./app/pricing/page.tsx

./node_modules/node-fetch/lib/index.js
Module not found: Can't resolve 'encoding' in '/Users/louisbeaumont/Documents/mediar/node_modules/node-fetch/lib'

Import trace for requested module:
./node_modules/node-fetch/lib/index.js
./node_modules/cross-fetch/dist/node-ponyfill.js
./node_modules/@supabase/supabase-js/dist/main/lib/fetch.js
./node_modules/@supabase/supabase-js/dist/main/SupabaseClient.js
./node_modules/@supabase/supabase-js/dist/main/index.js
./node_modules/@supabase/auth-helpers-shared/dist/index.js
./node_modules/@supabase/auth-helpers-nextjs/dist/index.js
./components/NeurosityConnect.tsx

### Example

_No response_

[devjiwonchoi]

It's a known issue, not a Next.js problem.
The latest answer was to simply [node package manager] add -D encoding and delete .next.

#7621 (comment)
supabase/supabase-js#612 (comment)

[rightson1]

Am having the same issue

[jeremy0x]

I had the same issue in my Next.js project and fixed it by adding encoding to the externals in the webpack config:

// next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.externals.push('encoding', /* add any other modules that might be causing the error */);
    return config;
  },
};

module.exports = nextConfig;

[jeffhou]

Why does this work?