Trouble Shooting 4

Uncaught TypeError: Illegal invocation

ajax에서 API로 Multipart 파일을 보내려는 중 발생한 오류이다. 아래는 문제의 내 코드이다.$.ajax({ url: '/api/exampleApi', // API 엔드포인트 URL type: 'POST', // 요청 방식 (GET, POST 등) data: formData, // 전송할 데이터 contentType: false, // 전송할 데이터 타입 dataType: false, success: function(response) { // 요청이 성공했을 때 실행할 코드 console.log('Success:', response); }, error: function(jqXHR, textStatus, errorThrown) ..

Trouble Shooting 2024.07.02

Caused by: com.fasterxml.jackson.databind.exc.MismatchedInputException: Cannot deserialize value of type `java.io.File` from Object value (token `JsonToken.START_OBJECT`) 오류 해결

js에서 ajax로 api를 호출할 때 json 형식으로 보내고자 했다. 그러나 api 호출 시 오류가 발생하였다.Caused by: com.fasterxml.jackson.databind.exc.MismatchedInputException: Cannot deserialize value of type java.io.File from Object value (token JsonToken.START_OBJECT)무언가 직렬화할 때 나는 문제인것같았다.아래는 내 코드이다.const config = files[0];const param = { name: $("#nameVal option:selected").text(), config: config, ra..

Trouble Shooting 2024.07.02

Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream already read 오류

JS에서 fetch함수를 이용하여 게시글 리스트 조회 api를 불러오는 로직을 작성하던 중 마주한 오류이다.​아래는 오류가 발생한 해당 코드이다.원래 잘 실행되던 코드가 왜 갑자기 안되는건가 했더니, 65번줄의 로그때문에 문제가 발생하는듯하였다.(해당 줄을 지웠을 때 오류가 나지 않는걸 보니)​해당 로그는 아래와 같다.​​직역해보면 스트림이 이미 읽혔다는 메시지인데.. 무슨 의미인지 잘 이해가 가지 않았다.​알아보니 fetch가 반환하는것은 데이터 스트림이라고 한다. 그래서 64번줄에 로그를 찍어보니 아래와 같이 response.body안의 객체가 ReadableStream 데이터 스트림이라는것을 알 수 있었다.​​스트림을 읽어야 데이터를 볼 수 있는데, 문제의 코드에서는 스트림을 읽어서 리턴하기 전에,..

Trouble Shooting 2023.04.27