Programming/8. Error6 06_(Netlify 배포 에러) TypeError: Minicssextractplugin is not a constructor Netlify에 CRA로 만든 프로젝트를 배포하려하는데 다음과 같은 에러메세지가 발생했다. 해결 방법은 2가지가 있는데, 우선 원인이 되는 mini-css-extract-plugin을 다음 버전으로 설치한다. // npm npm i -D --save-exact mini-css-extract-plugin@2.4.5 //yarn yarn add -D mini-css-extract-plugin@2.4.5 그리고 package.json에 다음 문구를 추가하면 에러를 해결하고 성공적으로 배포할 수 있다. "resolutions": { "mini-css-extract-plugin": "2.4.5" } 출처 : https://stackoverflow.com/questions/70716372/minicssextract.. 2022. 1. 18. 05_(React 에러) favicon 업데이트 에러 에러 내용 CRA로 생성한 후 기본 파비콘을 변경하려 하는데 새로운 파비콘을 폴더에 넣어도 적용이 되지 않는다. 원인 브라우저가 캐시에 있는 이전 이미지를 유지하고 있으며 업데이트하지 않는다! 해결법 파비콘 url을 다음과 같이 변경해준다. /* 기존 링크 */ /* 변경한 링크 */ ?v=2를 붙여주면 브라우저가 강제로 파비콘을 새로고침할 수 있도록 해준다. 참고 링크 : https://stackoverflow.com/questions/51994375/favicon-in-react-will-not-update/54958814 2022. 1. 4. 04_ssh connect to host port 22 operation timed out 에러 해결 잘 만들어놓고 왜 배포에서...? 이번에 엘리스 AI 트랙을 하면서 Microsoft Azure로 배포하는 것이 마지막 미션이었다. 그런데 위와 같이 도메인에 접속하려고 하니 멈춰있다가 'Operation timed out' 이 뜨는 것이었다....! 이 문제가 생긴 이후 정말 한참을 해결 방법을 찾았는데 오늘에서야 겨우 알게 돼서 혹시 나와 같은 고통을 겪고 계신 분들에게 도움이 될까 해서 올려본다. 우선 제일 먼저 확인해야할 부분! (맥 기준으로 설명합니다!) 시스템 환경 설정에 들어가서 공유 폴더를 누릅니다! 공유 항목에 들어오셨으면 위 사진과 같이 원격 로그인에 체크가 되어있는지 확인을 합니다! 이 부분이 체크가 돼야 ssh 접속이 가능합니다. (+ 방화벽도 꺼져있는지 확인하세요! 이 문제는 결국.. 2021. 8. 30. 03_(React 에러) label 태그에 for을 쓰려면? React는 친절하다? 리액트에서 input에 연결시킬 태그에 for 속성을 넣었더니 다음과 같은 에러가 발생했다. 친절하게도 에러문에 해결법이 적혀있는데, for 대신 'htmlFor' 을 넣으면 문제가 해결된다. 이름 : 2021. 8. 16. 02_(React 에러) Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export 해결법 증상 원인 해결책 2021. 8. 1. 01_VS Code에서 Source Control이 5k일 때 해결법 증상 폴더를 만들어 git repository로 설정했는데, 분명 파일은 하나임에도 5000개나 untracked 상태로 있다. 그 파일들은 내가 지정한 repository 폴더의 파일이 아니다. 원인 내가 만든 폴더보다 상위 폴더에 .git 파일이 있을 때 이런 현상이 발생한다. 즉 내가 만든 폴더가 상위 폴더에 먹힌 것이다..! 해결책 아래 사진과 같이 클릭해 Source Control Repositories를 확인한다. 본인의 경우에는 /users/user 폴더에 .git 폴더에 있었다. 경로를 알았으면 찾아가서 숨김 폴더를 볼 수 있는 단축키 ( 맥 : cmd + shift + . )를 눌러 .git 폴더를 찾고 삭제한다. 2021. 6. 24. 이전 1 다음 반응형
