Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDBSideNav is not exported from mdb

fconsigny priority asked 2 years ago


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>
    

Krzysztof Wilk staff commented 2 years ago

Hi!

Could you remove the node_modules catalog, package-lock.json or yarn.lock file, run the npm cache clean --force or yarn cache clean command, reinstall the package and tell if it works?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Priority
  • 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