잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.

Question

ㅇexport default에 오류가 출력되는데 이유를 알려주시면 감사하겠습니다.

이상민 · Answer

아 아닙니다 해결해씁니다..감사합니다 ... 제가 놓친 bracket이 있었습니다 ..ㅠㅠ

이상민 · Answer

터미널에는 ERROR in src/product/index.js Line 42: Parsing error: 'import' and 'export' may only appear at the top level. (42:0) 라고 출력되며 42번째 줄이 export default ProductPage ; 입니다

이상민 · Answer

맨 마지막 라이 부근 }를 지워도 같은 오류가 출력됩니다 ㅠㅠ.. 어떤게 문제일까요오오 ....죄송합니다

이상민 · Answer

import { useParams } from " react-router-dom "; import axios from " axios "; import { useEffect , useState } from " react "; import " ./index.css " function ProductPage () { const { id } = useParams () ; const [ product , setProduct ] = useState ( null ) ; useEffect ( function () { axios . get ( ` https://1a135b44-e524-4168-8a97-42364bfed983.mock.pstmn.io/products/ ${ id } ` ) . then ( function ( result ) { setProduct ( result . data ) ; } ) . catch ( function ( error ) { console . error ( error ) ; if ( product === null ) { return < h1 > 상품 정보를 받고 있습니다... ; } return ( < div > < div id = " image-box " > < img src ={ " / " + product . imageUrl } /> < div id = " profile-box " > < img src = " /images/icons/avatar.png " /> < span >{ product . seller } < div id = " contents-box " > < div id = " name " >{ product . name } < div id = " price " >{ product . price } 원 < div id = " createdAt " > 2020년 12월 8일 < div id = " description " >{ product . description } ) ; } export default ProductPage ; 입니다 !

그랩 · Answer

product/index.js 소스코드를 올려주시면 확인이 빠를 것 같아요~!