* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

app.js 코드는 아래와 같습니다.

import React from 'react'

import MainPage from './pages/MainPage';

import AboutPage from './pages/AboutPage';

import DetailPage from './pages/DetailPage';

export default function App(){

  // return (<MainPage/>)

  // return (<AboutPage/>)

  return (<DetailPage/>)

}

DetailPage.js코드는 코드스니펫을 복사 하였습니다.

왜 오류가 나올까요..ㅜㅜ

app.js 코드에서 문제가 있는거 같은데요.

작성한 코드 및 에러 메세지

|.android.json|.native.json|.json) 2 | import MainPage from './pages/MainPage';

 3 | import AboutPage from './pages/AboutPage';

> 4 | import DetailPage from './pages/DetailPage';

  |             ^

 5 |

 6 | export default function App(){

 7 |  // return (<MainPage/>)오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!