I'm trying to use dotenv with an angle, but when it comes to requiring dotenv
require('dotenv').config()
or
const Dotenv = require('dotenv-webpack');
I get the following error:
ERROR in ./node_modules/dotenv/lib/main.js Module not found: Error: Can't resolve 'fs' in 'C:\Users\57322\Favorites\Proyecto\core4edu\node_modules\dotenv\lib'
package.json
"dotenv": "^8.2.0",
"dotenv-webpack": "^1.7.0",
I think the problem is related to webpack, I had the same problem on a next.js project and here is how I did to fix the problem.

I created a next.conf.js file in my root folder where there is my .env file, I imported dotenv and I exported the module where there is all my environment and these variables as if below.

Finally in my index file and my components I don’t need to import dotenv, I just need to paste my process.env.API_URL.

I hope this example solves your problem.
I had a similar situation - working in the webpack development mode, installing dotenv, getting an error "Module not found: Error: Can't resolve 'fs' in node_modules\dotenv\lib'".
I uninstalled dotenv and stayed just with dotenv-webpack for development. I configured the webpack.config.js as it is written in docs.
Everything works now. Env variables are accessible globally without creating any additional file.
I faced a similar problem. dotenv-webpack installation will suffice. It is the dotenv require statement which is causing problem. Remove that and you will be good to go!