redux-thunk를 적용해서 App을 리팩토링하고 나서 오류가 자동으로 해결되었습니다. 어떤 오류가 왜 해결되었는지 살펴봤습니다.
is not a function 오류 였어서 관련 참고자료를 찾아봤습니다.
오류 메시지가 나는 경우는 다양한데 이 경우에는 모듈을 잘못되게 import해서 그랬던것으로 판단합니다.
9번째 줄을
다음으로 고치면 정상적으로 작동합니다.
전자는 default export인 경우에 가능하고 named export모듈인 경우에 {}으로 가져와야 정상 작동하는 것으로 판단합니다.
이런식으로 오류를 해결했어야하는데 새로운 커밋으로 오류가 자동으로 해결되었습니다.
그 이유는 다음과 같습니다.
커밋 이후에는 setLocations를 App에 import하는 것을 action.js으로 setLocation이 이동했으므로 자연스럽게 import가 없어졌으므로 자동적으로 해결되었습니다.
'웹' 카테고리의 다른 글
ES5 생성자 함수와 ES6 class (0) | 2022.01.14 |
---|---|
[webpack] The 'mode' option hans not been set WARNING해결 (0) | 2021.03.25 |
[webpack] Cannot find module 'webpack-cli/bin/cofing-yargs' Error해결 (0) | 2021.03.24 |
[javascript] export default 와 named export의 차이 (0) | 2021.02.18 |
[html] div와 span의 차이 (0) | 2021.01.04 |
댓글