WEB Dev/에러대백과
-
[에러대백과] __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a functionWEB Dev/에러대백과 2023. 4. 12. 22:41
⛔ 에러 코드 //error __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function 💊 해결 방법 import ReactDOM from 'react-dom/client'; 문을 import ReactDOM from 'react-dom' 으로 변경해주면 오류는 사라진다. 하지만 콘솔에 from "react-dom" which is not supported. You should instead import it from "react-dom/client". 에러가 나고 있다. 리액..
-
[에러대백과] Typeorm createConnection deprecatedWEB Dev/에러대백과 2023. 4. 3. 18:31
⛔ 에러 코드 //error Connection is a single database ORM connection to a specific database. Its not required to be a database connection, depend on database type it can create connection pool. You can have multiple connections to multiple databases in your application. @deprecated node.js 생태계의 데이터베이스 ORM 라이브러리인 TypeORM 설치 후 책에 나온 코드를 따라 입력하니 Connection 과 createConnection 메소드에 취소선이 그어지고, deprecated(더 ..
-
[에러대백과] yarn 으로 create-react-app 설치 중 에러 (n 명령어로 node 버전 수정)WEB Dev/에러대백과 2023. 2. 26. 21:01
yarn 으로 설치를 하다 아래와 같은 에러가 발생했다. 번역하면 노드가 모듈과 호환되지 않는 버전으로 버전을 변경하라는 이야기.. 그 정도로 오래전 노드를 쓰고 있었나....!! 요즘 계속 노드 호환성이 불량하다는 에러 메시지가 나오고 있다 흑흑.. 1. 버전 변경을 위해 npm 으로 n 을 설치해준다. 2. node 최신 버전을 설치한다. lts로 설치하기 위해 n lts을 입력한다. 바로 lts 최신 버전의 node 가 설치된다. 버전이 필요한 경우 n 16.15.1 처럼 입력한다. 만약 node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found (required by node) 과 같은 오류가 발생한다면 버전을 낮추는 방법도 있다...
-
[에러대백과] visitFn.call is not a functionWEB Dev/에러대백과 2023. 1. 24. 16:55
GraphQL과 타입스크립트로 개발하는 웹서비스 작업 중 클라이언트 측 graphql - GraphQL Code Generate 세팅에서 visitFn.call is not a function 에러 발생 기존 GraphQL 버전 16.6.0에서 15.7.2로 다운그레이드 하고 해결 현재 GraphQL 및 Codegen의 버전은 아래와 같음 "dependencies": { "@apollo/client": "^3.7.3", "@chakra-ui/react": "^2.4.6", "@emotion/react": "^11.0.0", "@emotion/styled": "^11.0.0", "@graphql-codegen/add": "^2.0.2", "@graphql-codegen/cli": "^1.21.8", "@g..
-
[에러대백과] 리액트 Suspense 사용하고 에러나는 경우 Feed suspended while rendering, but no fallback UI was specifiedWEB Dev/에러대백과 2022. 7. 31. 17:32
리코일 셀렉터를 이용하면서 값이 받아와지기 전에 suspense를 이용하면 로딩 된 후 UI를 표시할 수 있다 하여 Suspense 컴포넌트를 적용했는데 계속 아래와 같은 에러가 떴다. Uncaught Error: Feed suspended while rendering, but no fallback UI was specified. Add a component higher in the tree to provide a loading indicator or placeholder to display. 스택오버플로우에 검색해보니 두 가지 해결책을 주는데 가장 간단한 방법은 해당 오류가 나는 컴포넌트의 상위 컴포넌트에 Suspense를 적용해주는 것. App.js에서 감싸줘도 된다. A React component..
-
[에러대백과] 리액트 github page 페이지 배포 시 빈 화면 등장WEB Dev/에러대백과 2022. 5. 27. 01:11
드디어 리액트 앱을 깃헙 페이지에 배포했다. 배포 과정은 어렵지 않았으나 내부에 http 가 있어 보안 오류 때문에 여러번 수정해야 했다. 그리고 나서 보니 배포는 되었는데 주소로 들어가면 아무것도 보이지 않는 빈 화면이 나온다. 찾아보니 대부분 BrowserRouter 를 쓰는 사람들이다. react github page blank page 로 검색해보니 참고할 만한 스택오버플로우는 다음과 같고 https://stackoverflow.com/questions/54427793/getting-blank-page-after-react-app-publish-in-github Getting blank page after react app publish in github My steps are: npm run b..
-
[에러대백과] Attempted import error: ' ' does not contain a default exportWEB Dev/에러대백과 2022. 5. 16. 23:01
api 모듈을 모아둔 컴포넌트에서 export - import 해온 함수를 쓰려고 하니 다음과 같은 에러가 떴다. Attempted import error: '경로' does not contain a default export 이 경우는 export default로 해당 컴포넌트에서 default 로 내보낸 함수가 아닌 다른 함수들을 그냥 쓰려고 하면 나오는 오류로 import axiosLoginAccount from '../../api/apiCommunicate'; 위와 같이 쓰는 것이 아닌 import { axiosLoginAccount } from '../../api/apiCommunicate'; 위와 같이 쓰면 해당 오류가 발생하지 않는다.
-
[에러대백과] Your branch is ahead of 'origin/main' by 1 commit.WEB Dev/에러대백과 2022. 3. 16. 11:17
오늘의 error Your branch is ahead of 'origin/main' by 1 commit. 발생현황 기존에 회사 노트북의 로컬 폴더를 통해 git 백업을 진행했는데, 재택근무와 회사 근무를 병행하게 되면서 회사 노트북과 개인 노트북을 둘 다 사용해야 하는 일이 발생했다. 회사에 회사 노트북을 두고 집에 와서 서버에서 파일 받아 쓰려니 (권한 때문에 깃은 백업용으로만 사용 ^^^) 갑작스럽게 깃허브 에러가 발생했다. 번역기를 사용해서 해석해보자면 ! [rejected] main -> main (fetch first) error: failed to push some refs to 'https://github.com/0000/0000.git' hint: Updates were rejected..
-
[에러대백과] Expected an assignment or function call and instead saw an expressionWEB Dev/에러대백과 2022. 3. 9. 14:02
오늘의 error 리액트 Expected an assignment or function call and instead saw an expression 할당 또는 함수 호출을 예상했지만 대신 식을 보았습니다. 발생현황 함수에서 return 으로 jsx를 반환할 때 컴포넌트를 감싸는 큰 태그가 없을 때 나타나는 에러이다. 이 경우 return 의 태그들을 div 태그나 Fragment 태그로 감싸주면 된다. 여기서 Fragment 태그는 리액트에서 사용되는 '의미 없는' 태그로 div 처럼 시맨틱적인 의미가 있는 태그를 사용하게 되면 이것을 인식하고 메모리를 사용하기 때문에 반드시 필요한 경우가 아니면 Fragment 태그로 감싸서 처리한다. Fragment 태그는 로 쓰거나 간단하게 로 사용할 수 있다. ..