错误：ENOENT：没有这样的文件或目录，stat ... .steampath

Question

I am trying to start the development server on a React project that I have not worked on for a long time. Upon running npm install and npm start I received the title error message.
I tried manually updating and then downgrading the Node-sass but I am still getting the same error no matter what I do. Here is the full error message I am getting.

Failed to compile.

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.
/home/dylan/Desktop/Werk/Professional stuff/SkylimitHost/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^

[Error: ENOENT: no such file or directory, stat '/home/dylan/.steampath'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'stat',
  path: '/home/dylan/.steampath'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cleanapp@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the cleanapp@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/dylan/.npm/_logs/2020-11-23T05_19_03_778Z-debug.log

And here is the complete log

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   '/home/dylan/.nvm/versions/node/v14.15.0/bin/node',
1 verbose cli   '/home/dylan/.nvm/versions/node/v14.15.0/bin/npm',
1 verbose cli   'start'
1 verbose cli ]
2 info using npm@6.14.8
3 info using node@v14.15.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle cleanapp@0.1.0~prestart: cleanapp@0.1.0
6 info lifecycle cleanapp@0.1.0~start: cleanapp@0.1.0
7 verbose lifecycle cleanapp@0.1.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle cleanapp@0.1.0~start: PATH: /home/dylan/.nvm/versions/node/v14.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/dylan/Desktop/Werk/Professional stuff/SkylimitHost/node_modules/.bin:/home/dylan/.nvm/versions/node/v14.15.0/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
9 verbose lifecycle cleanapp@0.1.0~start: CWD: /home/dylan/Desktop/Werk/Professional stuff/SkylimitHost
10 silly lifecycle cleanapp@0.1.0~start: Args: [ '-c', 'react-scripts start' ]
11 silly lifecycle cleanapp@0.1.0~start: Returned: code: 1  signal: null
12 info lifecycle cleanapp@0.1.0~start: Failed to exec start script
13 verbose stack Error: cleanapp@0.1.0 start: `react-scripts start`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/home/dylan/.nvm/versions/node/v14.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:315:20)
13 verbose stack     at ChildProcess.<anonymous> (/home/dylan/.nvm/versions/node/v14.15.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:315:20)
13 verbose stack     at maybeClose (internal/child_process.js:1048:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid cleanapp@0.1.0
15 verbose cwd /home/dylan/Desktop/Werk/Professional stuff/SkylimitHost
16 verbose Linux 5.4.0-53-generic
17 verbose argv "/home/dylan/.nvm/versions/node/v14.15.0/bin/node" "/home/dylan/.nvm/versions/node/v14.15.0/bin/npm" "start"
18 verbose node v14.15.0
19 verbose npm  v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error cleanapp@0.1.0 start: `react-scripts start`
22 error Exit status 1
23 error Failed at the cleanapp@0.1.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

I don't understand why my server won't start, any help would be appreciated.

Answer 1

I've found out the solution. This error is just a fancy/convoluted missing dependencies message. If you install all the dependencies the project needs (some might not be in the package.json file) it should work correctly.

Answer 2

This issue is caused because of some missing dependencies. The dependencies which were missing were not listed in the package.json , but was being used in the project. You can see the error for a split second in the console before it clears. I had to record my screen and see it in slow-mo to find what was missing and installed it.

Answer 3

In my case, it was because of a missing package in package.json.

yarn start or npm run start didn't help me find the missing package. To find the missing one, try running the build command ( yarn build ), build will exit with the error details as below.

As the above screenshot says, there was a missing package (in my case react-dnd-html5-backend ).

Answer 4

If you are in a hurry! And don't have time to know why this is happening! you can move and scroll directly to " How to resolve it (an elegant way)? " section bellow (it's at the end)! I'm showing a strong efficient and clean solution!

What is the problem ?

The whole problem is a missing dependency ! That can be a js module or a file! Like a font file or something else like asset probably!

And to note: A good error message is being cleaned! Recompiling!
And then the problem belloww is reached and you get the error!

Then the error comes after! We can see a missing font in my case!

But Why and how we are getting this error ?

A broken symlink that reside in the home directory! That got checked by the react-scripts start , running process! And because it's broken the access throw a is no file or directory error.

In our case it was .steampath ! Check the details on the next section ( what is steampath )

To make it fun and confirm! I created a broken symlink with my name! Following the alphatbetical order! It will be processed first!

And yup! Here now! We have .allalBrokenLink ! And not .steampath ! A quick solution would be to remove the broken symlink ! But this is not a good solution! the borken .steampath have it's purpose! If you are using steam game platofrm! If you don't! You can remove the file without worry!

Otherwise the solution is pretty simple and efficient! Run in javascript debug terminal! And set a breakpoint where the error come! So it will pause automatically! And will get to see the problem easily and simply ! See this in the How to resolve it (an elegant way)? section!

Why the home directory was checked ?

The first thing to say! It's not due to the nodejs module resolution algorithm ! Again not due to the module resolution algorithm !

why!?

Because the module resolution! When it comes to the module! And in the case where it need to go backward! It Go backward up to the file system root! And each time checking against node_modules folder! So if it reach up to /home/ ! it will directly check against /home/node_modules ! if there is! if not it go to /node_modules ! And you can see how it will not check all files in a directory! And so not cause the broken symlink problem . Which is caused because something is iterating through all the files and checking them! It's not the case here!

The algorithm in such case, in extra to that, it check the following

Additionally, Node.js will search in the following list of GLOBAL_FOLDERS:
1: $HOME/.node_modules
2: $HOME/.node_libraries
3: $PREFIX/lib/node

That can be illustrated here! I accessed paths while debugging:

You can see how it go backward!

The algorithm is clear! You can check it here ( ref1 , ref2 !

And in the typescript doc here

Also we can verify it too ourselves!

First through accessing module.paths as like bellow:

I made a test! A simple testing project! Where i imported just a random name! You'll get a clean not found module error! Know that i tested in the same environment where i get the error bellow!

And you can check the error type!

Yup we didn't mention the problem! Then what is it ??

Babel for example was known for something similar! Where it looks for .babelrc config. However like node modules resolution, it go backward and checking for .babelrc specifically! And any resolution that have a lockup for a specific thing! Or within a specific thing! Will directly check for the thing! Why check anything else!? Given all that i doubt it would be something between babel, webpack and react-scripts details or config! And most probably some loader or plugin thing! I tried to debug manually! It was time consuming! I moved to automate the detection through the chrome devtools protocol! I'll update this section as soon as i get it!

What is steampath

A file created by the Game steam platform .

https://askubuntu.com/questions/1103540/why-is-there-a-steampath-in-my-home-directory

This is a known Steam issue: the symlink is created and is intentionally broken for compatibility with older Steamworks SDK that some games are still built with.

From https://github.com/anyc/steam-overlay/issues/206

Steam creates symlink .steampath pointing to nonexistent .steam/sdk32/steam in $HOME every time it is run whereas it should be pointing to .steam/bin32/steam.

Do not remove or alter this symlink, it exists and is intentionally broken to provide legacy steamworks compatibility as being tracked at ValveSoftware/steam-for-linux#5245.

(~/.steam/sdk32/anything is what is needed)

So if you use steam ! You probably don't want to remove this file!

How to resolve it (an elegant way) ?

If you don't remember anything! You can just go find in folder > node_modules ! And search for Failed to compile ! Which generally you'll always remember!

Make sure to pick the second found element!

Know that you can too, simply open the file search pallet (CTRL + P)

Search for devServerUtils

And search again within the file!

That may be faster!

After this you set the break points as shown in the next image!

And start a debuger terminal!

Know that you need only the breakpoint on the return statement !

You can too use a process.exit() ! But i prefere the usage of the debugger! As it's cleaner and simple!

Here how you start a javascript debug terminal!

Run npm start ! in that debugger terminal!

The excution will automatically stop at the breakpoint ! And you'll be able to read easily and simply see what the problem is !

Know that once it's done once! You can later whenever needed, to just start a javascript debug terminal ! And you'll have it works! As your break point will still there!

No knowledge is required to do so!

Still if not familiar with the debugger! And want to get to know it better!

You can check the debugger auto attach for nodejs processes and javascript debug terminal here

Also debugging in general

Answer 5

将 node-sass 降级到版本 4 后，重新启动您的开发服务器。

Answer 6

Make sure to check out your imports! I'm using VS code and got the very same issue because instead of doing

import {useHistory} from 'react-router-dom'

// I did (well, actually vscode did it by performing incorrect autoimport)
import {useHistory} from 'react-router'

Answer 7

解决了查看此日志，npm 清除屏幕并丢失所有这些信息。

npm start > log.txt

Answer 8

Some package is missing. In my case it was @reduxjs/toolkit.

Answer 9

In my case, it helped running yarn install before yarn start .