• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 export import 시 'variable' is not defined 문제

export import 시 'variable' is not defined 문제

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #83519

    송소민
    참가자
    안녕하세요. 강의 잘 듣고 있습니다.
    다름이 아니라, export와 import 모두 올바르게 작성한 것 같은데 아래와 같은 에러 메세지가 사라지지 않습니다.
    어떤 점이 잘못된 걸까요?
    
    
    다음은 에러 내용입니다
    -------------------------------------------
    ERROR in [eslint]
    src/dataCntrResult.js
      Line 656:16:  'dataCntrsResult' is not defined  no-undef
    Search for the keywords to learn more about each error.
    -------------------------------------------
    
    
    다음은 dataCntrsResult.js 파일 입니다
    ----------------------------------------------
    const dataCntrsResult = [
        {...},{...},{...}
    ]
    export default dataCntrsResult;
    ----------------------------------------------
    
    
    다음은 store.js 파일입니다.
    ----------------------------------------------
    
    import { configureStore, createSlice } from "@reduxjs/toolkit"
    import dataCntrsResult from './dataCntrsResult.js'
    let cntrsResult = createSlice({
        name : 'cntrsResult',
        initialState: dataCntrsResult,
        reducers : {
            addCntr(state, action){
                state.unshift(action.payload)
            }
        }
    })
    export let { addCntr } = cntrsResult.actions
    export default configureStore({
        reducer: {
            cntrsResult : cntrsResult.reducer
        }
    })
    ----------------------------------------------
    
    
    다음은 Cntr.js 파일입니다 (사용된 부분만 남겨놓습니다).
    ----------------------------------------------
      function MyCntrList() {
        let [now, setNow] = useState(40);
        let cntrsResult = useSelector((state)=> state.cntrsResult )
        
      
        return (
          <div className='Container-image'>
            <div className='Progress'>
              <h5 style={{'lineHeight':2}}>Analysis Progress</h5>
              <ProgressBar now={now} label={`${now}%`} />
            </div>
            <h4>Container List</h4>
            <Card>
              <ListGroup variant="flush">
                {
                  cntrsResult.map((r, i)=>{
                    return <ListElement cntr={cntrsResult[i]} />
                  })
                }
              </ListGroup>
            </Card>
          </div>
        )
      }
    ----------------------------------------------
    
    하루종일 수정해도 답이 안나오네요.. 도움 주시면 감사하겠습니다!
    #83532

    codingapple
    키 마스터
    그 파일에서 변수없이 export default [{},{},{}] 해봅시다
    #84252

    송소민
    참가자
    감사합니다!!
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠