[리액트 에러 해결] ./node_modules/react-bootstrap/esm/index.js Module not found: Can't resolve

./node_modules/react-bootstrap/esm/index.js/Module not found: Can't resolve

 

리액트 App.js 안에 있는 내용들을 지우고 React-bootstrap 사이트에서 샘플코드를 가져왔는데 에러가 발생했다.

import {Navbar, Nav} from 'react-bootstrap';

이런식으로 div 안에서 사용된 컴포넌트 Component들을 모두 import 했는데도 에러가 발생해서 페이지가 안열렸다.

 

혹시 처음에 react-bootstrap을 npm install로 설치해서 그렇다고 생각해서 yarn add명령어로 다시 한번 설치해봤는데 결과는 같았다.

---

리액트 @babel/runtime 에러 해결

 

yarn add @babel/runtime

 

결국 이렇게 치니까 해결됐다.

---

참고한 사이트

 

seyul.tistory.com/122     (이분도 아래 github 사이트에서 참고함)        

[리액트 @babel/runtime 에러] Module not found: Can't resolve '/node_modules/babel-preset-react-app/node_modules/@babel/runt

github.com/facebook/create-react-app/issues/7183

Cannot find module babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray · Issue #7183 · facebook/create-re