Skip to main content

安裝 reactstrap 之問題

在 React 中遇使用 reactstrap 套件使用 bootstrap library， 參考了官方的教學進行安裝。

使用 Create React App 套版​

npx create-react-app my-app
cd my-app
npm start

安裝 Bootstrap​

因 create-react-app 安裝完並不會有 bootstrap，因此須額外安裝 bootstrap。 官方教學文件安裝步驟為

npm install --save bootstrap
npm install --save reactstrap react react-dom

按照官方的教學步驟，在安裝 bootstrap 時，我會缺少 typescript、jquery、popper.js 三個套件 三個套件安裝完，可順利安裝完成 bootstrap 但接下來安裝 reactstrap 會跑出已經安裝 reactstrap，但卻無法呼叫使用

個人建議

//已有react和react-dom 不另外安裝
npm install --save reactstrap
//安裝缺少的套件 typescript
npm install --save typescript

//接下來安裝bootstrap
npm install --save bootstrap
//安裝缺少的套件 jquery
npm install --save jquery

安裝完成後即可順利使用