본문 바로가기

전체 글

 (163)
[typescript] import type error ts1005 '=' expected typescript 버전 오류로 clone 받은 프로젝트는 3~버전을 쓰고 있었고 vscode에는 가장 최근 버전인 4~ 버전을 쓰고 있었다. downgrade하려고 node_modules도 다 삭제해보고 캐시도 삭제하고 yarn도 써보고 npm도 써보고 했는데 버전이 계속 그대로 멈춰있었다. 어찌저찌 해결하게 된 방법은 vscode에서 이 부분의 중괄호에 마우스 커서를 가져다 댄다 그리고 여기서 select version을 누르면 아래와 같은 화면을 볼 수 있다. 여기서 원하는 버전을 선택해주면 root 폴더에 .vscode라는 폴더가 생기면서 설정이 유지된다.
Github 보안 알림 해결방법 어느날 갑자기 github repository에 아래와 같은 내용이 떴다. We found potential security vulnerabilities in your dependencies. 설치된 모듈들의 버전이 낮아 보안이 위험하다는 문구이다. 그럼 설치된 패키지들을 최신 버전으로 업데이트 하면 된다. 만약 버전이 낮은 패키지가 1개 정도라면 **npm 일때** $ npm update [module이름] $ npm -D install [module이름] **yarn 일때** $ yarn upgrade [module이름] $ yarn add [module이름] 정도로 해결 할 수 있다. 만약 업데이트 해야 할 모듈이 여러개거나 작은 업데이트라도 대비하고 싶다면 $ npm audit fix//npm일때..
12.29 오류 uikit을 storybook으로 열어보려고 실행해봤더니 'start-storybook' command not found 계속이런 오류가 떳다. yarn이 아니라 npm install을 해야한다고 해서 rm -rf node_modules로 삭제후 npm install을 다시 하고 npm start를 했더니 실행이 되었다. 그런데 cannot find module 'react/package.json' storybook 이런식으로 react를 못찾길래 npm install react --save-dev까지 했는데도 같은 오류가 떳다. 알고보니 뒤에 storybook이 있었다... 그래서 npm install @storybook/react --save-dev로 다운을 받아줬다. 그랬더니 이번엔 또 Can't ..
npm --save, --save-dev 사용 이유 프로젝트를 만들었다고 치자 그 프로젝트에서 npm install을 했지만 만약 다른 프로젝트에서 같은 모듈이 필요하다면 10개고 100개고 직접 깔기가 힘들게 된다. 그래서 npm install을 받을 때 --save옵션으로 package.json의 dependencies 부분에 저장하는 것이다. --save뒤에 붙는 -dev는 무엇일까? -dev는 모듈을 똑같이 package.json에 저장하기는 하지만 devDependencies안에 저장한다. { "name": "new project", "version": "0.1.0", "private": true, "scripts": { "analyze": "source-map-explorer 'build/static/js/*.js'", "start": "rea..
patch-package 사용하여 node-modules 수정하기 front화면을 띄우는 도중에 @web3-react/walletconnet-connector안의 내용을 수정해야 했다. 일회성으로 수정하긴 했는데 git에 올리고 다른 사람들이 받을 때 마다 수정사항을 정해줘야했다. 그래서 찾아보게 된 것이 patch-package 일단 patch-package를 먼저 받아야 한다. yarn add -D patch-package postinstall-postinstall 그런데 gyp오류가 또 떠서 python 2.7을 설치해줘야했다. python 설치 완료 후 계속 진행 package.json 수정 patch-package를 install 받았으면 package.json에 scripts에 아래 한줄을 추가해 준다. "postinstall": "patch-package"..
lerna 프로젝트 사용 일단 lerna를 global로 다운 받는다. > npm install --global lerna 첫 lerna bootstrap > install dependencies > pacake.json에서 workspaces lerna run build --scope=vvs-uikit build vvs-uikit lerna run build가 yarn build랑 똑같은 거여서 `yarn build --scope=vvs-uikit`으로 해봄 원래 12.28일에는 안됐는데 갑자기 오늘(29일)에 치니까 됨 아 yarn build가 아니라 lerna build구나...!!! `lerna build --scope=vvs-uikit` lerna run build --scope=vvs-sdk build vvs-sdk ..
12.29 에러모음 pacake.json 모듈을 직접 npm publish한 모듈로 바꿔서 설치했다. `yarn install` 근데 특정 라이브러리가 npm에 없다고 해서 package.json에서 그 라이브러리를 삭제함 검색했을때 사용하는 부분이 없었음. 삭제 후 실행시 성공. eslint-config란? 코드를 내가 정한 룰에 맞춰서 수행할 수 있게 해준다. 아래 3개는 package.json에서 제거하거나 대체 함 `yarn start` 바아로 에러뜸 한 6개 정도? Must use destructuring props assignment 이런 에러뜸 바로 위 에러가 바뀐 모듈이랑 연결 된 에러라서 이름들 바꾸면서 에러 잡아감. 원래 파일의 symbol이랑 전부 달라서 확인하면서 고치고 에러나면 바꿨다. 이렇게 전부 ..
window node-sass 에러 vue 프로젝트를 실행시켰는데 아래와 같은 에러 발생 Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime 위와 같은 오류 메세지가 떴다. 해결하기 위해 아래 방안을 써보았다. 1. npm uninstall node-sass npm install node-sass 2. npm rebuild node-sass 실행 후 아래와 같은 에러 발생 Node Sass version 7.0.1 is incompatible with ^4.0.0. 인터넷 검색해서 node-sass대신 sass를 쓰라는 해결방안을 얻었다. 1. npm uninstall node-sass npm i -D sass 2. n..

티스토리툴바