본문 바로가기

error3

[react-quill] addrange() the given range isn't in document 오류 코드 addrange() the given range isn't in document 해결 방법 매 렌더링 마다 moudles을 계속 생성하고 있기 때문에 발생하는 오류 따라서 module 변수를 useMemo를 사용해주면된다. const modules = useMemo(() => { return { toolbar: { container: [ ['image'], [{ header: [1, 2, 3, false] }], ['bold', 'italic', 'underline', 'strike', 'blockquote'], ], handlers: { // 이미지 처리는 우리가 직접 imageHandler라는 함수로 처리할 것이다. image: imageHandler, }, }, }; }, []); 참고 .. 2021. 8. 1.
[error] Uncaught TypeError: Illegal invocation ✋ 에러코드 Uncaught TypeError: Illegal invocation 🤦‍♂️ 상황 multer을 사용해서 단일 데이터를 서버에 올리는 상황 html코드 포토 제이쿼리 제이쿼리를 이용해서, 입력되는 파일이 변경될 때마다, 서버에 파일을 저장한다. 보내는 데이터는 FormData를 이용해서 전송한다. const data = new FormData(); // input의 이름이 photo인 파일데이터 중에 첫번째 것 data.append('photo', $('input[name=photo]')[0].files[0]); append 메서드로 데이터를 키-값으로 저장 $.ajax으로 전송하는데 Uncaught TypeError: Illegal invocation가 발생.. 👍 해결 $.ajax으로 .. 2021. 6. 30.
jwt - req.headers.authorization이 undefined인 에러 ✋ 에러코드 Uncaught TypeError: Cannot read property 'split' of undefined 🤦‍♂️ 상황 브라우저에서 localhost:3000/api/articles로 접근하면, 위와 같은 에러가 발생했다. localhost:3000/api/articles의 라우터 router.get('/', async (req, res) => { // 클라이언트에서는 header의 Authorization에 토큰을 넣어서 보냈다. // console.log('req.header어쩌구 저쩌구',req.headers.authorization); // undefined const token = req.headers.authorization.split('Bearer ')[1]; console.. 2021. 6. 28.