728x90
에러가 나게 된 상황을 요약하자면,
프로젝트 폴더 하위에 리액트의 파일들을 다 설치한 후 미리보기를 하기 위해 npm start를 했다가 오류가 난 상황이다
1. 리액트를 환경을 만들기 위해 프로젝트 폴더(lottoProject)를 만든 후 vs코드에서 터미널을 켜고 아래의 코드를 입력한 후 프로젝트 폴더(lotto) 하위에 리액트 파일들을 설치했다
npx create-react-app 프로젝트명 // lotto(프로젝트명)
프로젝트 폴더(lottoProject)에 하위에 => 입력한 프로젝트명(lotto) => 그 안에 리액트의 파일들이 설치되었다
2. 설치가 다 끝난 후 터미널에서 npm run start를 하니까 npm err! missing script: 오류가 발생했다
- 이 오류가 나는 이유를 찾아보니 다양하게 이유가 나와서 정확하겐 모르겠지만 일단 package.json파일에 시작 스크립트가 없어도 오류가 난다고 해서 아래의 코드처럼 start 스크립트를 추가도 해보고 아래의 사이트도 참고해봤지만 해결되지 않았다 ㅠ _ ㅠ
- https://itsjavascript.com/npm-err-missing-script-start [참고한 사이트]
// 터미널 창에 npm init 을 한 후 package.json파일에서 "scripts"개체에 start 스크립트를 추가
//package.json
{
"name": "lotto",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "react-scripts start" // 이 부분 추가
},
"author": "",
"license": "ISC",
"description": ""
}3. 오히려 추가를 하고 나니 다른 오류(error: cannot find module)가 나타났다
- 이 에러는 모듈을 찾을 수없다, 경로를 찾을 수 없다 뭐 이런 오류 같았는데 정말 아무리 해봐도 답을 몰라서 답답할 때 아차 싶은 게 있었다
error: cannot find module 경로4. 2번에서 설치가 다 끝난 후 그곳에서 바로 npm start를 했었는데 그게 문제였던 거 같다
- 설치가 다 끝난 후에 터미널에서 뜨는 경로는 lottoProject라고 되어있었는데 그곳에서 npm start를 하니까 오류가 났었다
- 프로젝트 명의 하위 폴더 즉 여기서는 (lotto)를 다시 열어서 npm start를 해줬어야 하는데 경로가? 잘못됐던 거 같다
5. 해결방법
- 2번 에서 설치가 다 끝난 후에 vs코드 > file > Open Folder > 내 프로젝트(lotto)를 열어준 후 그곳에서 npm start를 하니까 잘 실행되었다
※ 에러가 난 이유
- 리액트 파일을 설치한 후 내 프로젝트 폴더를 다시 OpenFolder 해서 열어준 후 그곳에서 npm start를 했어야 하는데 프로젝트 파일을 제대로 열어주지 않았던 게 문제였던 거 같다
728x90
