반응형 프론트엔드66 You may need an additional loader to handle the result of these loaders 미친 에러다 json-typescript-mapper 라이브러리에서 발생한 에러인데 아래 같이 @JsonProperty를 써놓은곳이 터지기도 한다. Module parse failed: Unexpected character '@' (10:4) 결론은 싱거운데 리액트 컴포넌트가 아닌 일반 함수에서 객체를 생성해서 발생한 문제였다. new classA()를 리액트 컴포넌트 안에서 하니까 문제 없음 Builder 클래스를 만든다고 하다가 만난 에러인데 new도 못하는지는 몰랐다. 밖에서 new를 해서 전달해주니까 정상 동작 https://stackoverflow.com/questions/58681367/webpack-react-js-you-may-need-an-additional-loader-to-handle.. 2022. 12. 10. in 키워드 보호되어 있는 글 입니다. 2022. 12. 10. Parsing error: The keyword 'enum' is reserved 공통으로 쓰는 패키지들은 별도의 git 리포지토리에서 관리되며 사용할떄 git module 설정으로 불러와서 사용중이었는데 패키지 안에 선언된 enum 클래스를 사용하려고만 하면 터져버렸다.... Parsing error: The keyword 'enum' is reserved I am writing TypeScript with React. The project was generated with CRA. and I used react-app config for the .eslintrc.json. However I decided to use eslint-config-airbnb so I added it and changed my . stackoverflow.com parser를 바꿔주면 된다고 하여... .. 2022. 12. 10. '{}' 형식은 'ReactNode' 형식에 할당할 수 없습니다. 정말 고생한 에러 메시지다. 결론은 코어 공통 모듈의 리액트 버전을 언제 바꿨는지 모르겠는데 18로 바꿔버리면서 발생했다.(내쪽은 17버전) 리액트 18의 @types에 문제가 있는건지 기존 라이브러리들이 대응을 못하는건지 React.Component를 JSX.Component로 인식되지 못하고 발생하는 문제라던데 아래 설정을 추가하면서 해결이 됐는데 왜 발생하는지 근본적인 이유는 잘모르겠지만 라이브러리들이 많이 터져버린다. 라이브러리들 의존성 자체가 17버전까지 Compatibility를 가진다고 돼있어서 아무래도 라이브러리쪽이 문제인걸로 보인다. "resolutions": { "@types/react": "17.0.2", "@types/react-dom": "17.0.2" }, https://stac.. 2022. 12. 10. [react-grid-layout] 그려진 아이템의 width/height 변경하기 어느날 화면 최소화/최대화 기능을 만들어야겠다 생각이 들었다. 화면 구성용으로 react-grid-layout 라이브러리를 쓰고있고 개중에 사이즈에 따라 가변적으로 변하는 ResponsiveGridLayout을 쓰고 있다. 나는 ResponsiveGridLayout의 children으로 들어가는 데이터가 state값이고 이 값의 w(너비), h(높이) 값을 변경해주면 리렌더링 될거라고 생각했는데 테스트해보니 동작 안함 export type ViewConfig = { i: string; content: any; x: number; y: number; w: number; h: number; static?: boolean; }; return ( {items.map((el) => ( {el.content} )).. 2022. 12. 10. setState 체인과 useEffect 자바 개발의 관성적으로 데이터를 불러오고 state를 하나하나 수정을 해주도록 코드를 짜고 있었는데... 이화면에서 수정했을때 저화면에서 수정했을 때 매번 여러 스테이트를 변경해주는게 하다보니 이거 아니다 싶다. // A Component에서 setSampleFile(aaa) setSampleName(aaa.name) // B Component에서 setSampleFile(bbb) setSampleName(bbb.name) . . . 위 문제는 리액트를 쫙 공부하고 시작한게 아니라 useState만 주구장창 쓰다보니 발생한 문제... 위에처럼 계속 적어오다가 어느순간 두번째 줄을 까먹고 첫번째 줄만 적는 실수를 범했다. 아 이거 실수의 여지가 있네 라고 생각이 들었고 기존 코드들도 다 수정하기로 했다. .. 2022. 12. 9. 이전 1 2 3 4 5 6 7 8 ··· 11 다음 반응형