오류처리 (22) 썸네일형 리스트형 [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.. Cannot find type definition file for 'hoist-non-react-statics'. Cannot find type definition file for 'hoist-non-react-statics'. The file is in the program because: Entry point for implicit type library 'hoist-non-react-statics' 위와 같은 에러가 있을 경우 여러가지 경우의 수가 있지만, 나의 경우 package.json의 노드버전이 맞지 않아서 에러가 생기는 경우였다. 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.. 이전 1 2 3 다음
