Vue3 에서 yarn serve 시 오류 (The project seems to require yarn but it's not installed.)

 

node -v
v18.20.5

yarn -v
1.22.22

npm -v
10.8.2

 

설치 정보는 상기 정보와 같다.

인프런에 보면 Vue3 강좌가 있는데 해당 강좌에서 따라하다보니

아래와 같은 문제가 발생하였다.

 

 ERROR  Error: The project seems to require yarn but it's not installed.
Error: The project seems to require yarn but it's not installed.
    at checkYarn (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\@vue\cli-shared-utils\lib\env.js:46:43)
    at exports.hasProjectYarn (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\@vue\cli-shared-utils\lib\env.js:42:10)     
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\@vue\cli-service\lib\commands\serve.js:330:34
    at Hook.eval [as callAsync] (eval at create (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:44:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\tapable\lib\Hook.js:18:14)
    at Watching._done (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Watching.js:314:28)
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Watching.js:229:21
    at Compiler.emitRecords (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Compiler.js:1046:4)
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Watching.js:205:22
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Compiler.js:1009:14
    at Hook.eval [as callAsync] (eval at create (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:12:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\tapable\lib\Hook.js:18:14)
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Compiler.js:1006:27
s\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_moduless\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\webpack\lib\Compiler.js:835:33
    at Immediate._onImmediate (C:\Users\Computer\Desktop\files\learn-vue-js-master\learn-vue-js-master\vue3-form\node_modules\memfs\lib\volume.js:637:13)
    at process.processImmediate (node:internal/timers:476:21)
error Command failed with exit code 1.

 

yarn 은 global로 설치되어있고 다른 패키지랑 충돌 일어난 것도 아닌것으로 보이는데 자꾸 `yarn serve`로 실행시키면 정상적으로 실행되지 않는 문제가 발생하였다. 재미있는 것은 npm으로 실행하면 정상적으로 실행되고 yarn으로 실행시켰을 때 문제가 발생하는데 뭔가 설정이 누락됐거나 문제가 생긴 것 같다.

 

chatgpt와 함께 해결하려고 진행하였는데 일반적인 방법은 아래와 같다.

 

1. yarn 캐시 클린 후 실행 (해결X)

2. env.js 에 process.env.VUE_CLI_TEST = true 추가 (해결X)

3. yarn.lock 파일 제거 후 다시 yarn install (해결X)

 

3번까지 진행했는데 계속 동일한 문제가 발생해서 해결이 잘 되지 않았으나 3->2 를 진행하니 정상적으로 진행되었다.

 

https://stackoverflow.com/questions/68828298/error-the-project-seems-to-require-yarn-but-its-not-installed

Error: The project seems to require yarn but it's not installed

 

env.js 파일에 process.env.VUE_CLI_TEST = true를 추가하면 된다.

Vue 프로젝트 폴더 > node_modules > @vue > cli-shared-utils > lib > env.js

 

아무래도 뭔가 꼬였는듯.. 3->2 순서대로 진행 후 재부팅 했더니 정상적으로 실행된다.

 

참고 블로그

https://mimah.tistory.com/entry/Vue-3-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%8B%A4%ED%96%89-%EC%8B%9C-yarn-serve-%EC%98%A4%EB%A5%98-yarn-is-not-installed 

Vue 3 프로젝트 실행 시 yarn serve 오류 (yarn is not installed)