TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined raised when starting react app

Question

To fix this issue simply upgrade react-scripts package (check latest version with npm info react-scripts version):

1. Replace in your package.json "react-scripts": "^3.x.x" with "react-scripts": "^3.4.1" (or the latest available version)
2. (optional for some) Delete your node_modules folder
3. Run npm install or yarn install

Some people reported that this issue was caused by running npm audit fix (avoid it!).

If you have ejected, this is the proper way to fix this issue:

find this file config/webpackDevServer.config.js and then inside this file find the following line:

app.use(noopServiceWorkerMiddleware());

You should change it to:

app.use(noopServiceWorkerMiddleware('/'));

For me(and probably most of you) the service worker is served at the root of the project. In case it's different for you, you can pass your base path instead.

I've also faced this problem and figure out it by upgrading the react-scripts package from "react-scripts": "3.x.x" to "react-scripts": "^3.4.1" (or the latest available version).

1. Delete node_modules\ folder
2. Delete package-lock.json file
3. Rewrite the package.json file from "react-scripts": "3.x.x" to "react-scripts": "^3.4.1"
4. Install node packages again npm i
5. Now, start the project npm start

And it works!!

Running npm i [email protected] solved my issue.

I just had this issue after installing and removing some npm packages and spent almost 5 hours to figure out what was going on.

What I did is basically copied my src/components in a different directory, then removed all the node modules and package-lock.json (if you are running your app in the Docker container, remove images and rebuild it just to be safe); then reset it to my last commit and then put back my src/components then ran npm i.

I hope it helps.