npm add react-bootstrap bootstrap 안됨 해결방법

프로젝트가 있는 디렉토리에서 npm add react-bootstrap bootstrap이 안될 때 경로를 앞으로 이동해서 했다

설치가 진행은 되지만, 프로젝트 안에 설치가 되지 않아서 module not found 에러가 생겼다. 

 

Module not found: Error: Can't resolve '@restart/ui/Button' in 'C:\internet-project\internet-project\node_modules\react-bootstrap\esm'
WARNING in ../node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!../node_modules/bootstrap/dist/css/bootstrap.min.css)
Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

 

npm으로 설치가 안될 때는 yarn을 사용해보자

yarn add react-bootstrap bootstrap

우선 yarn을 설치해야 한다

npm install -g yarn
yarn --version

설치 후, yarn 버전이 나온다면 yarn설치가 완료된 것이다

 

yarn add react-bootstrap bootstrap

다시 설치를 해보자

 

yarn : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\esc\AppData\RoaminEAMING_SNAKE_CASEg\npm\yarn.ps1
파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwl
ink/?LinkID=135170)를 참조하십시오.                                           oject\internet-pr
위치 줄:1 문자:1
+ yarn add react-bootstrap bootstrap
+ ~~~~
    + CategoryInfo          : 보안 오류: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

 

이런 에러가 생긴다

서치 키워드는 "VSCode PSSecurityException"

 

https://hbesthee.tistory.com/1942

[Python] VS Code 이용 중에 "PSSecurityException" 보안 오류 해결 방법

 

window powershell 또는 vscode 터미널(powershell)에서 아래 코드를 실행해보자

PS C:\WINDOWS\system32> Get-ExecutionPolicy
Restricted

"Restriced"가 나온다면, 권한이 없어서 실행이 안된다는 오류가 발생한다

Get-ExcutionPolicy -List

위 명령어로 현재 세션에 영향을 주는 모든 실행 정책을 가져온다

 

<실행 정책 변경>

window powershell을 관리자 권한으로 실행한 후 아래 명령어를 입ㄺ한다

Set-ExecutionPolicy -ExecutionPolicy Unrestricted -Scope LocalMachine

후에 변경된 실행 정책을 확인할 수 있다

Get-ExcutionPolicy -List