ENOENT: no such file or directory, open '(...)/node_modules/svgo/lib/svgo/../../.svgo.yml'

[binarykitchen]

When having installed your package with yarn and using it in gulp over postcss I am seeing this error. But when installed with npm, this does not happen.

Not sure whether it's a bug in your module or whether it's a yarn bug.

~/c/videomail-client ❯❯❯ gulp                                                                 release/1.24.1 ✭ ✖ ✱
[21:30:40] Options: { _: [],
  minify: false,
  importance: null,
  write: false,
  version: null }
[21:30:40] Using gulpfile ~/code/videomail-client/Gulpfile.js
[21:30:40] Starting 'stylus'...
[21:30:40] Finished 'stylus' after 476 ms
[21:30:40] Starting 'clean:js'...
[21:30:40] Starting 'todo'...
[21:30:40] Finished 'todo' after 29 ms
[21:30:40] Finished 'clean:js' after 45 ms
[21:30:40] Starting 'browserify'...
fs.js:583
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^

Error: ENOENT: no such file or directory, open '/home/michael-heuberger/code/videomail-client/node_modules/svgo/lib/svgo/../../.svgo.yml'
    at Object.fs.openSync (fs.js:583:18)
    at Object.fs.readFileSync (fs.js:490:33)
    at module.exports (/home/michael-heuberger/code/videomail-client/node_modules/svgo/lib/svgo/config.js:31:48)
    at new module.exports (/home/michael-heuberger/code/videomail-client/node_modules/svgo/lib/svgo.js:21:19)
    at /home/michael-heuberger/code/videomail-client/node_modules/postcss-svgo/dist/index.js:95:16
    at Object.creator [as postcssSvgo] (/home/michael-heuberger/code/videomail-client/node_modules/postcss/lib/postcss.js:150:35)
    at /home/michael-heuberger/code/videomail-client/node_modules/cssnano/dist/index.js:295:40
    at Array.forEach (native)
    at /home/michael-heuberger/code/videomail-client/node_modules/cssnano/dist/index.js:282:29
    at creator (/home/michael-heuberger/code/videomail-client/node_modules/postcss/lib/postcss.js:150:35)

[mmieluch]

Hi @binarykitchen, I had the same issue and, as it turns out, yarn was cleaning that file out. I didn't install the package directly, but one of my dependencies vue-svgicon relied on svgo. Here's how I got rid of the problem:

1. Removed two lines from my .yarnclean in the project root:

.*.yml
*.yml

2. yarn remove vue-svgicon
3. yarn add vue-svgicon

I believe if you did the above, but with svgo instead of vue-svgicon, you'd have the problem fixed. Good luck!

[binarykitchen]

hmm, but why am i not seeing the .yarnclean file in your repo? an

... and are you expecting everyone doing these steps when using yarn instead of npm?

[mmieluch]

First of all - it's not my repo. I'm just a user trying to help out a fellow dev ;)

Second of all - .yarnclean is set per project. So it's not set by the package. That's why I mentioned project root, not package root.

You may find this helpful: https://yarnpkg.com/lang/en/docs/cli/clean/

This problem has nothing to do with the svgo package - it's your local yarn config that's causing this.

[binarykitchen]

aaaaah, gotcha, i see now. thanks for the link and explaining :)

[rishabhmhjn]

Refer:
#622 (comment)
#622 (comment)