TIL_230707 | 시원해서 공부하기 좋은 날이요

무럭무럭 자라랑

---

기억에 남는 거

1.  vscode react import 경로 추천

react에서 컴포넌트 import 경로 자동추천받는 기능이 자꾸 안떠서 퍽퍽한 고구마를 입에 잔뜩 때려넣은 것 같았는데 어떤 블로그에서 친절히 알려주셔서.. 해결했다.. 속이 시원하다

방법 : 1. project root에 ' tsconfig.json ' 파일 추가. → 2.파일 내용은 아래꺼 갖다붙이기. (접어놓음) → VScode 재실행

 

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true,
        "target": "es5",
        "lib": [
            "dom",
            "dom.iterable",
            "esnext"
        ],
        "skipLibCheck": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "forceConsistentCasingInFileNames": true,
        "module": "esnext",
        "moduleResolution": "node",
        "resolveJsonModule": true,
        "isolatedModules": true,
        "noEmit": true,
        "jsx": "react"
    },
    "include": [
        "src"
    ]
}

 

출처 : 개발자c군의 개발노트

 

 

 

오류

1. 왜 일어났는지, 왜 해결되고 있는지 모르는 오류

숨뫊눈 오류들 

1) error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

2)

3) 여기 블로거가 알려줘서 따라해보니까 풀렸지만 왜 그런진 모름... 잘되다가 왜 갑자기 오류 생긴지도 모름.. | 해결방법... npm 업데이트 하고 나니까까 되던데 왜 되는지 모룸.....

잘 되다가 안된 이유는 이걸(아래 이미지 빨간줄 부분) 추가해서 그런건가

암튼.. 자꾸 yarn start했는데 UI가 안보였었다.. 이제는 보이는데 아주 큰 실수를 했는지라 지금 당장은 redux오류가 뜨네...하하

 

 

2. 다른 사람 react 파일 가져와서 node_modules 설치 시 오류

   호환성 문제..뭐시기 하는데 github에서 다른 사람 프로젝트 가져오면 node_modules는 포함하고 있지 않아서 본인 컴퓨터에서 명령어 를 통해 다시 설치해줘야한다. 이때 사용하는 명령어가 yarn이냐 npm이냐에 따라 본인 컴퓨터에서 오류 없이 프로젝트를 실행될지 안될지 결정된다.. 내 컴퓨터는 맥북인데 맥북이라서 그런지 뭔지는 몰라도 npm으로 뭘 설치하면 오류가 나다가도 yarn 으로 설치하면 또 오류가 날 때도 있는데 node_modules를 재설치 할때는 npm install로 하니까 오류가 뜨더라

주로 이런 오류가 많이 떴는데 --> Module build failed란 에러와 not found in 'react-is' 에러  

이 사이트에서 질문자가 질문하는 오류와 비슷한 오류가 떴었는데 그게 npm... 으로 설치해서 뭐가 잘 안되는 모양이다... 아직은 그정도 밖에 모르겠다..

   결론은 npm install (--force) 로 node_modules 설치하다 오류 생기면 yarn install 사용하면 된다는 거다