[React] <Router> 설정 이후 흰 화면만 나올 때 문제 발생Router 지정 이후 npm start로 화면을 띄웠을 때 다음과 같이 흰 화면만 나왔다.문제 해결1. 라우트 경로 확인 : http://localhost:3000/[pagename] 으로 설정되어있는지 확인한다.2. 콘솔 에러 확인 : 콘솔에서 JavaScript 에러가 있는지 확인한다.3. Route 설정 확인 : Router, Route 컴포넌트가 올바르게 설정되었는지 확인한다.4. 코드 문법 오류 확인 나는 1번으로 해결했다. [React] ERROR useNavigate() may be used only in the context of a <Router> component. 문제 발생useNavigate로 Router 연결을 마쳤는데 다음과 같은 에러가 발생했다.문제 해결function App() {} 안에 , 를 사용하고, 현재 페이지의 기능들은 function Home()에 적용했다. 그럼에도 똑같은 에러가 떠서 코드를 읽어보니 import {BrowserRouter as Routes} from 'react-router-dom'; 을 추가하지 않았다.import를 잘 확인하자..^^ [React] ERROR export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom' 문제 발생useHistory를 사용해 React Router를 사용하던 중 에러가 발생했다.문제 해결React Router v6 이상에서는 useHistory를 사용하지 않는다고 한다.useHistory 대신 useNavigate를 사용한다. [React] Error: error:0308010C:digital envelope routines::unsupported 문제 발생Error: error:0308010C:digital envelope routines::unsupportedat new Hash (node:internal/crypto/hash:80:19)at Object.createHash (node:crypto:139:10)at module.exports (/Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/util/createHash.js:135:53)at NormalModule._initBuildHash (/Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/NormalModule.js:417:16.. [React] Attempted import error: './App' does not contain a default export (imported as 'App'). 문제 발생React를 활용해 웹페이지를 만들던 중 다음과 같은 에러가 떴다.더보기Attempted import error: './App' does not contain a default export (imported as 'App').ERROR in ./src/index.js 12:33-36export 'default' (imported as 'App') was not found in './App' (module has no exports)문제 해결만들고 있던 코드의 맨 마지막줄에export default App;을 정상작동한다. 이전 1 다음
