[Vue] npm run dev 에러

하찮은 에러지만 나처럼 헤매고 있을 누군가를 위하여 포스팅한다...

🚨vite에 뭔가 문제가 발생했다

1. Vite 설치

2. package.json의 스크립트 설정

3. 경로 문제

원인은 이 중에 하나라고 추측하고 트랙킹했다.
1, 2번은 문제가 없었고, 경로를 확인했더니 터미널 창에 나온 경로와 차이가 있었다.

> frontend@0.0.0 dev
> vite

'node\frontend\node_modules\.bin\'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.
node:internal/modules/cjs/loader:1147
  throw err;
  ^
Error: Cannot find module 'C:\Users\XXX\Desktop\vite\bin\vite.js'

그래서 에러 메시지에 나타난 경로 'C:\Users\XXX\Desktop\vite\bin\vite.js' 는 Vite의 실행 파일을 가리키고 있지만, 실제로는 해당 경로에 파일이 없는 것이었다❗🫢

아무리 생각해도 이럴 이유가 없어서 새 프로젝트를 하나 파고 project name을 문제 있던 프젝과 다른 이름으로 설정해 봤다. npm run dev가 잘된다??!👀

⚠️폴더명에 특수문자 넣는 것을 주의하자

에러가 난 프젝의 폴더명이 'creating-a-bulletin-board-with-vue&node'이었는데 폴더명에 '&'가 들어간 것이 원인인 것 같다. '&'가 없었을 때는 저런 에러를 전혀 보지 못했는데 '&'가 들어가니 '&node'부분이 인식이 안 된 것 같다.

이 작은 것 때문에 1시간 삽질했다💦
폴더명으로 인한 에러 다시는 안 겪어야지😢