error

[Vite] aws-sdk를 사용한 프로젝트의 빌드 실패 ('request' is not exported...)

오류 'request' is not exported by __vite-browser-external, imported by node_modules/@aws-sdk/xxxxx/node_modules/@aws-sdk/credential-provider-imds/dist/es/remoteProvider/httpRequest.js React viteJS로 작업한 프로젝트를 빌드 시 위와 같은 오류가 발생했다. AWS Amplify 라이브러리와 관련된 이슈로 보여진다. 해결 방법 // vite.config.js import { defineConfig } from "vite"; export default defineConfig({ resolve: { alias: { "./runtimeConfig": "./runti..

[Node.js] Cannot find module '@aws-sdk/util-endpoints' 오류

오류 1) Cannot find module '@aws-sdk/util-endpoints' 2) this.client.send is not a function Node.js 프로젝트에서 aws-sdk와 multer-s3 를 이용해서 이미지 업로드 기능을 구현하던 중 만난 오류이다. 해결 두가지 오류는 전부 패키지 간 버전 호환이 안되어서 생기는 이슈였다. 검색해보니 multer-s3 2.x는 aws-sdk 2.x와 호환되고, multer-s3 3.x는 aws-sdk 3.x와 호환된다고 한다. 내가 설치한 aws-sdk는 2.x 버전이고 multer-s3 은 3.x 버전이어서 다운그레이드가 필요했다. 아래와 같이 기존에 설치되어 있던 multer-s3 를 삭제하고, 2.x 버전으로 설치 해주었더니 에러가 ..

[AWS S3] The bucket does not allow ACLs 오류

AWS S3 ACLs 오류 AWS S3를 이용해서 이미지를 업로드 하는 기능을 구현 하던 중 다음과 같은 오류를 만났다. 해당 오류는 버킷의 ACL(Access Control List)이 비활성화 상태라서 생기는 오류다. 해결 S3로 가서 버킷의 권한을 바꿔주면 해결된다. 1. 해당 버킷의 권한 탭으로 이동한다. 2. 스크롤을 내려서 객체 소유권 편집을 클릭한다. 3. 아래와 같이 설정을 변경한 후 변경 사항 저장을 클릭한다. 4. 새로고침 후 확인 정상적으로 콘솔창에 이미지 정보가 출력된 것을 확인할 수 있었다. 참고 https://stackoverflow.com/questions/71080354/getting-the-bucket-does-not-allow-acls-error getting "The b..

[Three.js] Uncaught TypeError: Failed to resolve module specifier "three"... 에러

Three.js 에서 Uncaught TypeError: Failed to resolve module specifier "three"... 에러 해결법 Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../" 출처 : https://stackoverflow.com/questions/68160473/failed-to-resolve-module-specifier-thre : https://stackoverflow.com/questions/65697410/not-using-node-js-uncaught-typeerror-failed-to-re..

[Webpack] Cannot find module 'sass' 에러

node-sass 가 설치되어 있는지 확인해보기 npm i node-sass -D

[Gulp] Task never defined: default 오류

https://stackoverflow.com/questions/57693486/gulp-task-never-defined-task gulp4.0 문법으로 수정하기: //before gulp.task('default', ['js']); //after gulp.task('default', gulp.series('js'));

[JS] DevTools failed to load source map: … 경고 지우기

콘솔 창에 뜨는 DevTools failed to load source map... 경고 지우기 DevTools failed to load source map: Could not load content for {파일}.map: System error: net::ERR_FILE_NOT_FOUND 1. 경고 메세지가 가르키는 소스 파일 찾아서 열기 2. sourceMappingURL를 검색 3. 해당 라인을 삭제 또는 해당 라인 앞에 // 를 붙여 주석처리 수정 전 //# sourceMappingURL={파일명}.map ↓ 수정 후 // //# sourceMappingURL={파일명}.map

[JS] e.touches[0] 에서 Uncaught TypeError: Cannot read property '0' of undefined 에러

e.touches[0].clientX 를 e.touches && e.touches[0].clientX 로 변경 e.touches[0].clientX || e.clientX; ↓ (e.touches && e.touches[0].clientX) || e.clientX; stackoverflow.com/questions/38527202/mouse-and-touch-events-not-working-as-expected Mouse and Touch events not working as expected I'm trying to add a mouse and touch down and move event. In the events function, I want to get the clientX amount. I d..

[jQuery] Uncaught TypeError: url.indexOf is not a function 에러

에러 Uncaught TypeError: url.indexOf is not a function... 원인 load() 메서드는 1.8 버전 이후로 deprecated 되었다. 해결 jQuery의 load() 메서드를 사용한 부분이 있다면 아래와 같이 on() 메서드로 변경한다. // 전 $(window).load(function() { ... }); // 후 $(window).on('load', function() { ... }); 참고 https://api.jquery.com/category/deprecated/deprecated-1.8/ Deprecated 1.8 | jQuery API Documentation Add the previous set of elements on the stack to t..