오류처리/react 오류처리 (15) 썸네일형 리스트형 [Next.JS]node_modules/react-redux/lib/components/Context.js redux-toolkit 연동하면서 react 호환성 과 관련되어있는 듯한 에러가 발생 =>Provider 와 사용할 페이지에 "use client" 추가하여 해결 //provider.tsx "use client"; import { Provider } from "react-redux"; import store from "./store"; export function Providers({ children }: { children: React.ReactNode }) { return {children}; } //page.tsx "use client"; import { useAppSelector } from "@/redux/hooks"; import Image from "next/image"; export de.. nestjs emotion 적용안되는 이슈 해결 emotion 실행이 안돼서 이리저리 구글링해서 알아보니, 의존성으로 설치해야하는 plugin이 추가로 있는것 같아 추가하였다. 더불어 tsconfig도 옵션을 추가하였다. //package.json "dependencies": { "@emotion/babel-plugin": "^11.11.0", "@emotion/babel-preset-css-prop": "^11.11.0", "@emotion/react": "^11.11.0", "@emotion/styled": "^11.11.0", //tsconfig.json "jsxImportSource": "@emotion/react", "paths": { "@/*": ["./src/*"] } //실행되는 component import { css } from "@.. npm ERR! Cannot read properties of null (reading 'edgesOut') styled-components install 시 상단과 같은 에러가 뜸 => npm 최신버전으로 설치> npm 캐쉬 삭제 > node_modules , package-lock.json 삭제후 재 설치 해도 동일 에러가 뜸 => npm i styled-components --force 해도 동일 에러가 뜸 => npm i styled-components --legacy-peer-deps 해결 (이유는 모르겠음 .. ㅠㅠ) the react-scripts package provided by create react app requires a dependency: "webpack": "4.42.0" ** 문제 이슈 : 해당 폴더의 webpack의 버전이 안 맞는 부분 ** 해결 방안 : vsc terminal 이 아닌 맥북 자체 terminal 에서 npm ls webpack 으로 webpack이 global하게 깔려있는 위치를 파악한 후 sudo uninstall -g webpack / sudo npm rm -rf webpack 으로 webpack 을 삭제 해준후 실행시켰더니 작동이 되었음. admins@adminsui-MacBookPro-2 ~ % npm ls webpack /Users/admins ├─┬ @nestjs/cli@8.2.8 extraneous │ └── webpack@5.73.0 deduped ├─┬ fork-ts-checker-webpack-plugin@7.2.11 extrane.. Creating an optimized production build...Failed to compile.static/css/main.52df01e0.css from Css Minimizer plugin/home/ubuntu/stoma/static/css/main.52df01e0.css:2808:16: Unknown word [<no source>:1,0][static/css/main.52df01e0.css:2808,16] tailwind compile error =>css 에 변수처리 ${}가 원인 참고: https://stackoverflow.com/questions/71484883/unknown-word-error-from-css-minimizer-plugin-on-react-build A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the compone.. A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. input value 에 undefined 들어갔을경우 에 대한 처리 value ={value ||""} ubuntu 서버 프론트 npm i 시 “ /usr/bin/bit ls-remote -h -t ....” 에러해결 *추측: permission denied 및 remote repository가 본인 계정이 아니여서 에러가 났나 싶어, (초기 클론한 깃 주소가 페이깃허브이므로) 1.heringsit 계정에 stoma 하나 더 생성한후 코드 복사 2.ubuntu 접속후 (ssh -i "/Users/herings/Documents/ircc_keypare.pem" ubuntu@15.165.140.143) git clone “옮긴 heringsit 깃 주소" 3.npm i (⇒react quil과 react-pdf 노드 모듈이 노드 버전이 안맞아서 그런지 다시 에러가뜸) 시 에러가 떠서 npm i —legacy-peer-deps 처리 4.cp webpack.config.js node_modules/react-scripts/c.. 크롬 콘솔창 먹통일때 초기화 출처: https://codingcoding.tistory.com/365 이전 1 2 다음
