NPM
-
[2019.09.01] 오늘의 TIL - npm install 중, permission denied 에러 해결방법개발 블로깅/오늘의 TIL 2019. 9. 1. 12:16
npm install 설치 중에 아래와 같은 에러메세지가 떴다. Unhandled rejection Error: EACCES: permission denied, mkdir '~/.npm/_cacache/content-v2/...' # 원인 현재 접속 중인 local 계정이, npm 설치 경로에 대한 권한을 가지고 있지 않아서 발생하는 문제이다. macOS 경우, npm, homebrew 혹은 node를 'sudo'로 설치 했을 때 발생할 가능성이 크다. # 해결 방법 방법은 우선 여러가지가 있다. 1. root로 되어있는 디렉토리 권한을 모든 User 그룹의 권한으로 변경. 2. npm install -g 로 설치되는 디렉토리 경로를 자신의 home directory로 변경. 3. 기타 등등... 나는 ..
-
[2019.09.01] 오늘의 TIL - node 버전에 변경하는 방법개발 블로깅/오늘의 TIL 2019. 9. 1. 11:46
프로젝트를 git clone 후 npm install을 실행하며 발생한 오류를 처리 중 배운 내용 정리. # node 버전 환경 project의 node 버전은 8.x.x. (버전 확인은 project최상위 디렉토리의 '.node-version'파일에서 확인 가능) 나의 node 버전은 12.x의 최신 버전. $ node -v // 로컬 node 버전 확인 # install 실행 결과 엄청나게 이상한 모듈 로그가 계속 올라오며 설치과정이 끝나지 않음. # 해결 방법 내 로컬 노드 버전을 project 버전에 맞게 다운그레이 함. 1. npm Cache 삭제 $ npm cache clean --force 2. node 버전 관리 플러그인 'n' 설치 npm install -g n 3. n 최신버전 설치 n..
-
[2019.08.12] CRA(Create-React-App) 사용 시, npx를 써야하는 이유!개발 블로깅/기타 개념 2019. 8. 12. 21:17
# npx란? npx는 자바스크립트 패키지 관리 모듈인 npm의 5.2.0버전부터 새로 추가된 도구이다. 따라서 npm 버전이 5.2.0 이상이면 바로 사용할 수 있다. # npx를 이용한 CRA 설치 리액트를 처음 시작할때, 또는 리액트 환경을 쉽게 구축하여 프로젝트를 진행하고자 할때 사용되는 것. $ create-react-app HelloReact 그러나 위 명령어를 사용하기 위해서, 먼저 crate-react-app 패키지를 npm으로 글로벌 설치를 해 주어야 한다. $ npm i -g create-react-app $ create-react-app HelloReact 그러면 CRA 패키지가 PC에 글로벌하게 설치되어 쉽게 사용할 수 있다. 실제로도 이러한 방식은 일반적으로 많이 쓴다. 그러나 이..
-
[2019.07.04] Gatsby - develop은 되지만, build 시 failed 날 때 해결 법개발 블로깅/기타 개념 2019. 7. 5. 00:02
3~4일 간 Gatsby를 이용하여 포트폴리오를 제작하였다. (죽는 줄...) 개발하는 동안 개츠비에 기본 스크립트 명령어로 되어있는 'npm run dev'로 작업물을 돌리면서 확인했다. 개발하는 중에는 문제가 없었는데, 오늘 배포를 시도하려고 build를 돌리니 아래와 같은 에러 메시지가 출력되었다. 'Error: original.line and original.column are not numbers -- you probably meant to omit the original mapping entirely and only map the generated position. If so, pass null for the original mapping instead of an ob ject with emp..