개요

JetBrains 제품 인 WebStorm에 내장 된 "File Watcheres"라는 기능을 사용할 때 발생하는 오류를 해결하는 방법

아마도 PhpStorm과 같은 다른 제품에서도 유사한 사건이 될 수 있습니다

대상 독자

제목의 오류가 발생한 사람

JetBrain 제품 사용

오류 이벤트

개요에도 기재하고 있는 바와 같이, WebStorm에 내장되어 있는 「File Watcher」라고 하는 기능을 사용하려고 했을 때에 나온 에러입니다.
구체적으로는 파일 저장시에 자동으로 Prettier를 걸려고 아래와 같이 설정을 시도합니다.





이 상태에서 저장하고 대상 파일(이번 예에서는 Typescript 파일인 .ts 파일)을 편집하여 저장하여 동작을 확인합니다.
이 때 다음 오류가 발생했습니다.

/path/to/project/root/node_modules/.bin/prettier --write index.ts
env: node: No such file or directory

Process finished with exit code 127

오류 조사

보면, 단순히 Node 바이너리가 발견되지 않은 것처럼 보입니다. 일반 터미널, WebStorm 내장 터미널에서 바이너리를 당길 수 있는지 확인해 봅니다. . . 보통으로 쓰는 얀.



쉘 자체(필자의 환경에서는 zsh)에는 node의 패스는 다니고 있는 것처럼 보입니다. . .

해결 방법

File Watchers의 각 명령에는 환경 변수를 설정할 수 있는 곳이 있습니다. 맨 아래의 Environment variables입니다.


여기를 보면, 시스템 환경 변수를 포함한다고 하는 항목에 체크가 들어가 있습니다만, SHELL가 bash가 되어 있거나, PATH가 통상의 터미널을 기동해 출력되는 결과보다 분명히 짧은 것을 알 수 있습니다 했다.



근본 해결에는 되어 있지 않다고 생각하고 있습니다만, 터미널로부터 아래와 같은 커멘드를 박아, PATH의 설정 내용을 토출합니다. 그것을 복사하여 명령의 환경 변수의 PATH로 등록합니다.

$ echo $PATH
/Users/h・・・・・・・

환경 변수를 등록한 상태에서 변경사항을 저장함으로써 무사히 노드의 바이너리를 읽어 Prettier를 실행할 수 있었습니다.