외부 Vue.js 프로젝트 다운 받아 실행할 때 생기는 오류 해결 모음

안녕하세요, 주인장입니다.

그동안 제가 뷰 프로젝트 외부 파일 다운로드 받으면서 아주 다양한 방법으로 실행이 되지 않은 것에 대해 몇 가지 해결 방법을 알려드리고 자 벨로그를 열게 되었습니다.

1. 실행할 때 오류 run serve? dev?

이건 뷰 입문자들이 처음에만 헤메는 부분이긴 합니다(나도 그랬음)
깃에서 다운로드 받으시게 되면 리드미에 이 해당 파일을 어떤 명령어로 열어야 할지 알려주긴 하지만 아예 파일로 받아버리면
package.json 파일 열어서 해당 프로젝트가 어떤 명령어로 짜여져 있는 지 확인해야합니다.

일단 아래는 dev로 열어야 하고,

아래는 serve로 열어야 합니다.
사진 출처) https://godffs.tistory.com/3339

결론은 명령어를 바꿔서 실행하면 해결될 간단하지만 흔한 오류입니다.

2. node 버전 안 맞아서 안 돌아가는 경우

failed to load config from C:\Users\osohy\Downloads\HallymFestival2023-Frontend-prototype-v1\HallymFestival2023-Frontend-prototype-v1\vite.config.js error when starting dev server: Error: Cannot find module 'node:url' Require stack: - C:\Users\osohy\Downloads\HallymFestival2023-Frontend-prototype-v1\HallymFestival2023-Frontend-prototype-v1\vite.config.js - C:\Users\osohy\Downloads\HallymFestival2023-Frontend-prototype-v1\HallymFestival2023-Frontend-prototype-v1\node_modules\vite\dist\node\chunks\dep-ca21228b.js     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)     at Function.Module._load (internal/modules/cjs/loader.js:730:27)     at Module.require (internal/modules/cjs/loader.js:957:19)     at require (internal/modules/cjs/helpers.js:88:18)     at Object.<anonymous> (C:\Users\osohy\Downloads\HallymFestival2023-Frontend-prototype-v1\HallymFestival2023-Frontend-prototype-v1\vite.config.js:35:23)     at Module._compile (internal/modules/cjs/loader.js:1068:30)     at Object._require.extensions.<computed> [as .js] (file:///C:/Users/osohy/Downloads/HallymFestival2023-Frontend-prototype-v1/HallymFestival2023-Frontend-prototype-v1/node_modules/vite/dist/node/chunks/dep-ca21228b.js:62356:24)     at Module.load (internal/modules/cjs/loader.js:933:32)     at Function.Module._load (internal/modules/cjs/loader.js:774:14)     at Module.require (internal/modules/cjs/loader.js:957:19)

이거 진짜 해결까지 쫌 걸린 이유가 node 버전이 안맞아서 일꺼라고는 상상하지도 못했기 때문이다..... 진짜.....

해당 오류가 나는 경우는 이제 백엔드 연결이 되지 않은 뷰만 연결된 프로젝트에서만 발생하며 백엔드 툴에 따라서 맞춰 해줘야 한다.
어쨌든 이 문제는 본인이 작성자와의 node 버전이 안맞아서 생기는 오류로 버전 확인한 다음에 맞춰서 작업을 실행하면 된다.