Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'reactstrap' does not contain an export named 'CardBody'

See original GitHub issue

Issue description

components: card
reactstrap version #5.0.0-beta-4
import method umd/csj/es (if umd, are you using the “full” version (only for v5+)?)
react version #16.2.0
bootstrap version #4.0.0

What is happening?

getting error on compiling the create-react-app ‘reactstrap’ does not contain an export named ‘CardBody’

What should be happening?

Should not receive error

Steps to reproduce issue

Error message in console

paste error message with stacktrack here

Code

Issue Analytics

State:
Created 6 years ago
Comments:14 (8 by maintainers)

Top GitHub Comments

1reaction

TheSharpieOnecommented, Jul 24, 2018

@ehlilier make sure you are exporting and importing them correctly

1reaction

TheSharpieOnecommented, Mar 13, 2018

The carousel imports are separate. CarouselItem, not Carousel.Item (same for the others). I do like that syntax though, makes it easier to import since you will most likely be importing all of those things at the same time anyways.

Top Results From Across the Web

'react-bootstrap' does not contain an export named 'Card'

From react-bootstrap version 1.0.0-beta.x: The correct import statement for Card is import Card from "react-bootstrap/Card";.

react-bootstrap' does not contain an export named 'Card'

Coding example for the question 'react-bootstrap' does not contain an export named 'Card'-Reactjs.

Cards - React-Bootstrap Documentation

Bootstrap's cards provide a flexible and extensible content container with multiple variants and ... return <Card body>This is some text within a card...

reactstrap - npm

This library contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap ...

Using Bootstrap with React: Tutorial with examples

This has coincided with the emergence of CSS frameworks designed to help developers ... How to troubleshoot Bootstrap not working in React.