0%

notes_20191112

安裝reactstrap之問題

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

使用Create React App套版

1
2
3
npx create-react-app my-app
cd my-app
npm start

安裝Bootstrap

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

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

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

個人建議

1
2
3
4
5
6
7
8
9
//已有react和react-dom 不另外安裝
npm install --save reactstrap
//安裝缺少的套件 typescript
npm install --save typescript

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

安裝完成後即可順利使用