global is not defined
라고 쓰지만 정작 오류는 다른 이유 때문이었다.
문제 발생
CRA가 아닌 vite를 이용해 리액트 프로젝트를 생성했고, 라이브러리도 부트스트랩 하나만 사용하고 있었다. 그런데 갑자기 다음과 같은 에러 발생!
근데 정말 갑자기 생겼다. 내가 뭐 한게 없는데....
지금까지 작성한 코드는 다음과 같았다. (사실 더 있었는데, 문제 발생 원인을 찾으려고 좀 지웠다.)
app.jsx
package.json
이렇게나 코드가 간소한데 어떻게 문제가 눈에 안 띄는걸까...
(1) node modules 문제다 -> 삭제 후 재설치 (해결안됨)
(2) global define 해주자 -> 아래 코드 작성
//vite.config.ts
export default defineConfig({
define: {
'global': {},
},
});이번엔 process is not defined 이래서 process 코드도 작성해줌 (해결 안됨)
(3) 폴더 안에 두 개의 프로젝트가 같이 있었기에, 아예 새로운 폴더에 프로젝트 재생성 (해결 안됨)
(4) 그냥 빈 vscode에 코드 한줄 한줄 다시 옮겨적으면서 개발자 도구에 오류 코드 다시 나오길 기다림...
import Mainpage 컴포넌트할 때 드디어 발견함.
그리고 Mainpage.jsx 에 가서 다시 한줄한줄 뜯어보니
import { urlencoded } from "express"; 라는 코드가 있었는데
정말...이건 내가 안 적었는데...왜 있지????
물음표만 백만개...결국 이거 지우니까 해결.....
진짜 8시간동안 헤매다가 강사님한테 질문 드리고 답 기다리는 중에 허무하게 해결했따.
내 생각엔 아마 vscode가 단어 작성하면 자동으로 import해주는 기능에서 딸려온 것 아닐까 싶다...
Today I Learned: 문제가 생기면 차근차근 위에서부터 다시 살펴보자..^^
