반응형
매번 리액트만 공부하다가 vue로 만든 프로젝트는 어떻게 동작하는지 궁금해서 vue를 설치해봤다. vue는 공식문서도 잘 되어있어서 보고 따라하기 어렵지 않았는데, cdn을 통해서 설치하거나 npm, CLI 등의 방식으로 프로젝트를 시작할 수 있는 것 같았다.
그래서 위 방법 중 npm 설치를 통한 프로젝트 시작과 CLI 방식을 통한 프로젝트 시작 두가지를 시도해보았는데. CLI 방식을 위해 글로벌로 패키지 설치를 시도했는데 바로 에러가 발생했다.
$ npm i -g @vue/cli
에러 로그는 다음과 같다.
npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/@vue
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'
npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'mkdir',
npm ERR! path: '/usr/local/lib/node_modules/@vue'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/jieun/.npm/_logs/2022-12-19T07_50_59_496Z-debug-0.log
해당 에러는 권할 설정에 관한 에러인 것 같았는데 해당 폴더에 설치 권한이 없다는 것이다. 그래서 관리자의 권한으로 실행시키니 문제 없이 설치는 되었지만 이 방법은 좋지 못한 방법일 수 있다고 한다. 보안이슈나, 폴더 꼬임, 권한 꼬임 등의 문제가 발생할 수 있다고 하니 신중하게 선택해야할 것 같다.
$ sudo npm i -g @vue/cli
해당 방법은 빠르게 해결하기 위해 임시로 설정한 방법이었는데, 이 방법을 제외하고 해결할 수 있는 방법이 여러개 있는 것 같았다.
대표적인 방법으로는 npm을 node version manager로 재설치한다거나 글로벌 없이 npx 를 통해 cli 명령어를 사용하는 방법 등이 있다고 한다. 처음에는 sudo 명령어를 사용해서 해결했지만 추후에는 각각의 문제성을 인지하고 안전하게 해결할 수 있는 방법을 통해 해결해야겠다.
반응형
