트러블슈팅(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) ..
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..
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 데이터 스트림이라는것을 알 수 있었다.스트림을 읽어야 데이터를 볼 수 있는데, 문제의 코드에서는 스트림을 읽어서 리턴하기 전에,..
2023.04.27 -
DevTools failed to load source map 경고 메세지
자바스크립트에서 moment.js를 쓰려고 라이브러리를 추가 했는데 콘솔에 이런 경고메세지가 떴다.해당 js파일을 보았더니 마지막 줄에 이렇게 되어있었다.//# sourceMappingURL=moment.min.js.map해당 줄을 이렇게 바꿔주면 경고가 없어진다.// //# sourceMappingURL=moment.min.js.map
2023.04.27