Topic: MDBSideNav is not exported from mdb
Expected behavior
My navbar as V4 or V5 with React, none of them seam to exist !
Need it thought.. I dont understand why.
I tried to remove node modules and Yarn lock.
But still.. Someone has an advice ?
*Actual behavior*export 'MDBSideNav' (imported as 'MDBSideNav') was not found in 'mdbreact' (possible exports: Alert, Animation, Badge, Box, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, ButtonToolbar, Card, CardBody, CardFooter, CardGroup, CardHeader, CardImage, CardText, CardTitle, CardVideo, Carousel, CarouselCaption, CarouselControl, CarouselIndicator, CarouselIndicators, CarouselInner, CarouselItem, CloseIcon, Col, Collapse, Container, DataTable, DataTableV5, Dropdown, DropdownItem, DropdownMenu, DropdownToggle, EdgeHeader, Fa, Footer, FormInline, FreeBird, HamburgerToggler, Iframe, Input, InputGroup, InputNumeric, Jumbotron, Link, ListGroup, ListGroupItem, MDBAlert, MDBAnimation, MDBBadge, MDBBox, MDBBreadcrumb, MDBBreadcrumbItem, MDBBtn, MDBBtnGroup, MDBBtnToolbar, MDBCard, MDBCardBody, MDBCardFooter, MDBCardGroup, MDBCardHeader, MDBCardImage, MDBCardText, MDBCardTitle, MDBCardVideo, MDBCarousel, MDBCarouselCaption, MDBCarouselIndicator, MDBCarouselIndicators, MDBCarouselInner, MDBCarouselItem, MDBCloseIcon, MDBCol, MDBCollapse, MDBContainer, MDBControl, MDBDataTable, MDBDataTableV5, MDBDropdown, MDBDropdownItem, MDBDropdownMenu, MDBDropdownToggle, MDBEdgeHeader, MDBFooter, MDBFormInline, MDBFreeBird, MDBHamburgerToggler, MDBIcon, MDBIframe, MDBInput, MDBInputGroup, MDBInputSelect, MDBJumbotron, MDBLink, MDBListGroup, MDBListGroupItem, MDBMask, MDBMedia, MDBModal, MDBModalBody, MDBModalFooter, MDBModalHeader, MDBNav, MDBNavItem, MDBNavLink, MDBNavbar, MDBNavbarBrand, MDBNavbarNav, MDBNavbarToggler, MDBNotification, MDBPageItem, MDBPageNav, MDBPagination, MDBPopover, MDBPopoverBody, MDBPopoverHeader, MDBPopper, MDBProgress, MDBRating, MDBRow, MDBTabContent, MDBTabPane, MDBTable, MDBTableBody, MDBTableFoot, MDBTableHead, MDBTooltip, MDBTreeview, MDBTreeviewItem, MDBTreeviewList, MDBTypo, MDBTypography, MDBView, MDBWaves, Mask, Media, Modal, ModalBody, ModalFooter, ModalHeader, Nav, NavItem, NavLink, Navbar, NavbarBrand, NavbarNav, NavbarToggler, Notification, PageItem, PageLink, Pagination, Popover, PopoverBody, PopoverHeader, Popper, Progress, Rating, Row, TabContent, TabPane, Table, TableBody, TableFoot, TableHead, Tooltip, Treeview, TreeviewItem, TreeviewList, Typo, Typography, View, Waves)
Resources (screenshots, code snippets etc.)
import { MDBSideNavCat, MDBSideNavNav, MDBSideNav, MDBSideNavLink, MDBIcon } from "mdbreact";
Anna Deynah
<MDBSideNavNav> <MDBSideNavLink to="/other-page" topLevel> <MDBIcon icon="pencil-alt" className="mr-2" />Submit listing</MDBSideNavLink> <MDBSideNavCat name="Submit blog" id="submit-blog" icon="chevron-right"> <MDBSideNavLink>Submit listing</MDBSideNavLink> <MDBSideNavLink>Registration form</MDBSideNavLink> </MDBSideNavCat> <MDBSideNavCat name="Instruction" id="instruction" icon="hand-pointer" href="#"> <MDBSideNavLink>For bloggers</MDBSideNavLink> <MDBSideNavLink>For authors</MDBSideNavLink> </MDBSideNavCat> <MDBSideNavCat name="About" id="about" icon="eye"> <MDBSideNavLink>Instruction</MDBSideNavLink> <MDBSideNavLink>Monthly meetings</MDBSideNavLink> </MDBSideNavCat> <MDBSideNavCat name="Contact me" id="contact-me" icon="envelope"> <MDBSideNavLink>FAQ</MDBSideNavLink> <MDBSideNavLink>Write a message</MDBSideNavLink> </MDBSideNavCat> </MDBSideNavNav> </MDBSideNav>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Pro
- Premium support: Yes
- Technology: MDB React
- MDB Version: MDB5 4.2.0
- Device: Visual Studio Code
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: No
Krzysztof Wilk staff commented 2 years ago
Hi!
Could you remove the
node_modules
catalog,package-lock.json
oryarn.lock
file, run thenpm cache clean --force
oryarn cache clean
command, reinstall the package and tell if it works?