# Set up Bootstrap

**URL:** <https://discourse.sst.dev/t/set-up-bootstrap/118>\
**Category:** Chapter Comments\
**Created:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118 "2018-05-09T19:26:05Z")\
**Posts on this page:** 9\
**Page:** 2

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/21 "2018-05-09T19:26:11Z")

</div>

_From @jayair on Tue Jul 11 2017 17:20:21 GMT+0000 (UTC)_  
  
@RaeMarvin Ah I see. Thanks a lot for reporting back.

---

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/22 "2018-05-09T19:26:11Z")

</div>

_From @bharloe on Wed Aug 02 2017 20:17:51 GMT+0000 (UTC)_  
  
Hi @jayair. I am getting a similar problem to the first comment in this thread, but unfortunately suggestions above haven’t worked for me. Here is the error when i install:

```auto
npm install
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN prop-types-extra@1.0.1 requires a peer of react@>=0.14.0 but none was installed.
npm WARN react-bootstrap@0.31.2 requires a peer of react@^0.14.9 || >=15.3.0 but none was installed.
npm WARN react-bootstrap@0.31.2 requires a peer of react-dom@^0.14.9 || >=15.3.0 but none was installed.
npm WARN react-overlays@0.7.0 requires a peer of react@^0.14.9 || >=15.3.0 but none was installed.
npm WARN react-overlays@0.7.0 requires a peer of react-dom@^0.14.9 || >=15.3.0 but none was installed.
npm WARN react-prop-types@0.4.0 requires a peer of react@>=0.14.0 but none was installed.
npm WARN uncontrollable@4.1.0 requires a peer of react@>=0.11.0 but none was installed.
npm WARN notes-app-api@1.0.0 No description
npm WARN notes-app-api@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current
: {"os":"linux","arch":"x64"})

```

Also after trying the suggestions in this thread I’m now getting a package-lock.json, not sure what that’s about.

Here is the error when I list my modules:

```auto
ben@BensLaptop:/mnt/c/Users/Ben/Desktop/notes-app-api$ npm list --depth=0
notes-app-api@1.0.0 /mnt/c/Users/Ben/Desktop/notes-app-api
├── aws-sdk@2.94.0
├── babel-core@6.25.0
├── babel-loader@7.1.1
├── babel-plugin-transform-runtime@6.23.0
├── babel-preset-es2015@6.24.1
├── babel-preset-stage-3@6.24.1
├── babel-runtime@6.25.0
├── glob@7.1.2
├── UNMET PEER DEPENDENCY react@^0.14.9 || >=15.3.0
├── react-bootstrap@0.31.2
├── UNMET PEER DEPENDENCY react-dom@^0.14.9 || >=15.3.0
├── serverless-webpack@2.2.0
├── uuid@3.1.0
├── webpack@3.4.1
└── webpack-node-externals@1.6.0

npm ERR! peer dep missing: react@^0.14.9 || >=15.3.0, required by react-bootstrap@0.31.2
npm ERR! peer dep missing: react-dom@^0.14.9 || >=15.3.0, required by react-bootstrap@0.31.2
npm ERR! peer dep missing: react@>=0.14.0, required by prop-types-extra@1.0.1
npm ERR! peer dep missing: react@^0.14.9 || >=15.3.0, required by react-overlays@0.7.0
npm ERR! peer dep missing: react@>=0.14.0, required by react-prop-types@0.4.0
npm ERR! peer dep missing: react@>=0.11.0, required by uncontrollable@4.1.0
npm ERR! peer dep missing: react-dom@^0.14.9 || >=15.3.0, required by react-overlays@0.7.0
npm ERR! peer dep missing: react@>=0.14.0, required by react-prop-types@0.4.0

```

My node is version 6.11.2, my npm is version 5.3.0, and my react is version 15.6.1. Do you have any ideas of what I’m doing wrong here?

---

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/23 "2018-05-09T19:26:12Z")

</div>

_From @bharloe on Wed Aug 02 2017 21:39:47 GMT+0000 (UTC)_  
  
The issue was that I was still in the notes-API working directory, I missed the instruction that said to make a separate directory for the react front end, and had instead made a folder within the notes-API working directory. I was running the install bootstrap command in the API working directory instead of the react app directory when I got the error above. I’m still not sure what’s up with the package-lock.json files, does anyone know why I’m getting those? I think it has to do with updating npm and node.

---

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/24 "2018-05-09T19:26:12Z")

</div>

_From @jayair on Wed Aug 02 2017 22:24:59 GMT+0000 (UTC)_  
  
@bharloe Yeah the `package-lock.json` is now something that npm generates. You can commit that to source control. It was a part of their big 5.0 update.

---

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 7:26pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/25 "2018-05-09T19:26:12Z")

</div>

_From @bharloe on Wed Aug 02 2017 22:31:41 GMT+0000 (UTC)_  
  
That explains it, thanks!

---

<div class="post-metadata">

**Author:** ![lepirlouit](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/lepirlouit/32/109_2.png) [@lepirlouit](https://discourse.sst.dev/u/lepirlouit)\
**Post date:** [August 20, 2018, 7:07am UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/26 "2018-08-20T07:07:25Z")

</div>

There are issues with the latest version of react-bootstrap (0.32.2)  
No issue when I roll back to version 0.31.5  
:  
Failed to compile

```auto
./node_modules/react-bootstrap/es/DropdownMenu.jsModule not found: Can't resolve '@babel/runtime/core-js/array/from' in '[...]/node_modules/react-bootstrap/es'

```

This error occurred during the build time and cannot be dismissed.

---

<div class="post-metadata">

**Author:** ![jayair](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/jayair/32/9_2.png) [@jayair](https://discourse.sst.dev/u/jayair)\
**Post date:** [August 29, 2018, 6:37pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/27 "2018-08-29T18:37:09Z")

</div>

Oh thanks for pointing it out. Hopefully they fixed it with 0.32.3.

---

<div class="post-metadata">

**Author:** ![lepirlouit](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/lepirlouit/32/109_2.png) [@lepirlouit](https://discourse.sst.dev/u/lepirlouit)\
**Post date:** [September 2, 2018, 5:19pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/28 "2018-09-02T17:19:40Z")

</div>

> [@lepirlouit](#):
>
> @babel/runtime/core-js/array/from

indeed.  
fixed in 0.32.3

Linked issues :

- [@babel/runtime has moved their folder structure and is breaking react-bootstrap library · Issue #3235 · react-bootstrap/react-bootstrap · GitHub](https://github.com/react-bootstrap/react-bootstrap/issues/3235)
- [Broken with Babel v7.0.0-beta.56 · Issue #3231 · react-bootstrap/react-bootstrap · GitHub](https://github.com/react-bootstrap/react-bootstrap/issues/3231)

---

<div class="post-metadata">

**Author:** ![jayair](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/jayair/32/9_2.png) [@jayair](https://discourse.sst.dev/u/jayair)\
**Post date:** [September 3, 2018, 8:25pm UTC](https://discourse.sst.dev/t/set-up-bootstrap/118/29 "2018-09-03T20:25:17Z")

</div>

Good to hear! Thanks for reporting back.

[Previous page](https://discourse.sst.dev/t/set-up-bootstrap/118.md?page=1)
