Failed to Compile. Fresh install

[colinsteidtmann]

Reproduce:

npx create-react-app my-app
cd my-app
yarn start

yarn version: 1.22.10

Error: Failed to Compile
./src/index.js 1:43
Module parse failed: Unexpected token (1:43)
File was processed with these loaders:

• ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
• ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
  You may need an additional loader to handle the result of these loaders.

$RefreshRuntime$ = require('/Volumes/Colin's Mac/seeifitworks2/node_modules/react-refresh/runtime.js');
| $RefreshSetup$(module.id);
|

Describe the bug

(Write your answer here.)

Did you try recovering your dependencies?

(Write your answer here.)

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

(paste the output of the command here.)

Steps to reproduce

(Write your steps here:)

Expected behavior

(Write what you thought would happen.)

Actual behavior

(Write what happened. Please add screenshots!)

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

[colinsteidtmann]

I found out that it works when I don't install the react-app on my external hard drive but it fails if I do. Also, using react-scripts version 4.0.1 solved it for now.

[petetnt]

Hi @ColinEberhardt ,

glad you got it working.

Similar issue in #10518

Check that you are

1. Running the latest version of CRA
2. You don't have globally installed versions of CRA (for example on the external drive for some reason)
3. Your Node and NPM/Yarn versions are up to date.

[alzeih]

@colinsteidtmann This is only a guess, but I see that the path with Colin's Mac has a single quote and a space in it. It probably works from your external hard drive as the path doesn't have a single quote.

#10518 also has a single quote in the path with a similar error.