svelte에서 axios로 요청했을 때 null이 반환되는 현상

svelte프로젝트를 진행할 때, axios를 설치하고 이를 사용하면 요청이 정상적으로 돌아오지 않는 문제가 있다.

1	import axios from 'axios';
2	
3	async function getSomething(){
4		const res = await axios.get(--url--);
5		console.log(res);
6	}

TypeError: Cannot convert undefined or null to object at Function.keys ()

위와 같은 코드를 실행하면 4열 요청부분에서 기재한 오류가 발생한다. 요청으로 받아온 데이터가 null이다.

svelte와 axios의 충돌로 보이고, 해결 방법은 두 가지가 있다.

• axios의 버전을 0.21.1로 다운그레이드

npm uninstall axios -- 기존 최신버전 패키지 삭제
npm install axios@0.21.1 -D -- svelte에서 정상적으로 동작하는 이전버전 패키지 설치

• axios가 아닌 fetch사용

async function getSomething(){
	fetch(--url--)
		.then( res=>res.json() )
		.then( json=>{ console.log(json); });
	}