본문 바로가기

🤪 뜨거운 맛 오류 일기36

[nvm] 노드 업뎃하기 지난 번 집에서 컴터로 노드 업그레이드 하려고 했을 때 nvm을 설치하는 데 애를 먹었는데 오늘 다른 컴에서도 넥스트 사용을 위해 nvm을 설치하려고 하니 지난 번 한 것처럼 시도해도 안되길래 또 추가 해결법 찾아내서 업뎃하기 ^.^ ➜ ~ export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" 요게 핵심이다 명령어 해석 export NVM_DIR="$HOME/.nvm": NVM.. 2023. 12. 20.
react-modal: App element is not defined. / 리액트 모달쓰면서 만난 에러 Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`. This is needed so screen readers don't see main content when modal is opened. It is not recommended, but you can opt-out by setting `ariaHideApp={false}`. 콘솔창을 제대로 확인을 안햇어서 그런지 회원가입 폼 만들다가 만난 에러 ㅇㅅㅇ 모달... 굳이 라이브러리 왜썻나 싶은뎅 (직접 짠걸로 리팩해야겟다) 아무튼 만낫던 에러는 적깅 ㅇ_ 2023. 7. 18.
Failed to load plugin 'jsx-a11y' declared in 'package.json 작업을 하는데 따로 어떤 코드를 추가하지도 않았는데 갑자기 npm start를 실행하니 맞딱드린 오류 [eslint] Failed to load plugin 'jsx-a11y' declared in 'package.json » eslint-config-react-app': Cannot find module 'deep-equal' Require stack: - /node_modules/aria-query/lib/elementRoleMap.js - /node_modules/aria-query/lib/index.js - /node_modules/eslint-plugin-jsx-a11y/lib/rules/aria-activedescendant-has-tabindex.js - /node_modules/eslint.. 2023. 6. 14.
Error: Synchronous scripts should not be used ./pages/_document.js 7:9 Error: Synchronous scripts should not be used. See: https://nextjs.org/docs/messages/no-sync-scripts @next/next/no-sync-scripts 8:9 Error: Synchronous scripts should not be used. See: https://nextjs.org/docs/messages/no-sync-scripts @next/next/no-sync-scripts 9:9 Error: Synchronous scripts should not be used. See: https://nextjs.org/docs/messages/no-sync-scripts @next/ne.. 2023. 5. 29.
지긋지긋해 WebSocket connection 에러가 뭘까아아아 WebSocket connection to 'ws://URL' failed: import React, { useEffect, useRef, useState } from "react"; import io from "socket.io-client"; import Peer from "peerjs"; import Webcam from "react-webcam"; const App = () => { const [myPeerId, setMyPeerId] = useState(""); const [partnerPeerId, setPartnerPeerId] = useState(""); const webcamRef = useRef(null); const peerRef = useRef(null); const partnerV.. 2023. 5. 18.
error = Cannot set headers after they are sent to the client 해결하기 내가 하고싶은건 네이버 api에서 통신받아온 데이터를 json타입으로 클라이언트측에 res.send 를 하는거였는데 바로 아래 요넘이 문제였당 res.setHeader("Content-Type", "application/json"); 매우 바보같이 setHeader를 아래에 설정해놨었음 ^_^!!!! res.setHeader("Content-Type", "application/json"); res.send(data); // res.setHeader("Content-Type", "application/json"); 2023. 5. 11.