axios error : Axios.post is not a function 해결 방법

함수 안에서 Axios를 써줬는데 다음과 같은 에러가 발생했다. 

 

act-dom.development.js:4312 Uncaught TypeError: axios__WEBPACK_IMPORTED_MODULE_2__.Axios.post is not a function
    at onCartClick (Item.js:23:1)
 

문제 없이 돌아가는 코드에서 Axios 부분에 마우스를 올려보니 const 변수 형태로 쓰이고 있었다. 

 

그렇다면 문제의 코드에서는?

class 형태로 쓰이고 있었다. 

 

import 된 방식의 차이가 있다. 

정상 코드에서는 Axios가 default export ( import Axios from "axios"  ; )되었고

오류가 발생한 코드에서는 Axios가 Named export(import { Axios } from "axios";) 되어있었다.

 

{} 를 제외하고 써줬더니 오류가 해결되었다.