아마존클론코딩 하면서 생긴 리액트 오류정리

(1) 컴포넌트 import과정에서의 실수

---

오류메세지

./src/Checkout.js
Attempted import error: 'Subtotal' is not exported from './Subtotal'.

원인파악 과정

import나 export에 문제가 있구나. export Subtotal이 잘 되어있나 확인. 문제없음.
import 확인.

내가 종종하는 실수.
component를 router 쓰는것 처럼 써버림. 그래서 오류가 났던것.

고민시간

1시간정도

해결과정

스텍오버플로워에 오류메시지를 뒤져본 결과, import와 export문제란 것은 확실히 인지함. 하지만 똑같은 문제는 발견한게 없었어서, 내가 작성했던 다른 파일들과 비교함

해결

{ }지워줌. component명만 쓰자 아주 잘된다.ㅎ

(2) 라이브러리 패키지 설치

---

오류메세지

./src/App.js
Module not found: Can't resolve 'react-router-dom' in 'C:\sunysty\React_project\amazon\src'

원인파악

고민시간

10분 정도

해결과정

react-router-dom을 해결할 수 없다는 메시지를 읽고, 패키지 설치가 안된건가? 하는 생각에 다시 깔았다. 그 전까지는 잘 실행되다가 App에서 안된다고 오류가 뜬것때문에 왜 그런건지 의문을 가졌다.
차이점이라고는 npm i react-currency-format을 설치했단것 뿐... 그 이후에 react-router-dom에 문제가 생긴것 같다...

해결

yarn add react-router-dom을 입력해주니깐 잘 실행됨!