살려주세요. 리액트 랜더링이 안 됩니다.

Question

파일은 이렇게 되어있고요. App.js를 다음과 같이 작성하였습니다.import { BrowserRouter, Routes, Route } from 'react-router-dom'; import Main from './pages/Main'; import Game from './pages/Game'; function App() { return ( } /> } /> ); } export default App; 그리고 여기에 나온 Main.js는 다음과 같이 작성하였습니다.import React from 'react' function Main() { return (

Main 페이지 입니다.

) } export default Main 여기서 npm start로 실행하면 "Main페이지 입니다." 문구가 떠야 할텐데 아무 것도 안 뜹니다. 제가 (무료) 강의 보고 무작정 따라한 거라... 너무 어이없는 실수일 수도 있습니다. 그리고 콘솔창에는 다음과 같이 뜨네요. 이건 오류 중 일부입니다.그리고 위부터 각각 index.js와 index.html입니다.import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals(); React App

순한 돌아이 · Answer

안녕하세요. Cra로 생성하신 걸까요? 그리고 index.js index.html은 어떻게 되어있는지 볼 수 있을까요?

살려주세요. 리액트 랜더링이 안 됩니다.

1개의 답변

Q&A 목록