Тип элемента React Bootstrap недействителен

Question

Я пытаюсь реализовать компонент панели навигации, предлагаемый response-bootstrap.Но я получаю странную ошибку.Ниже приведен скриншот трассировки стека.

Это мой код для панели навигации.

import React from "react";
import {Navbar, Nav, NavItem} from "react-bootstrap";
import navigationbarlogo from "../assets/images/navigationbarlogo.png"
import navstyle from "../assets/css/NavigationBar.css"

class NavigationBar extends React.Component{
    render() {
        return (
                <Navbar bsStyle="inverse">
                    <Navbar.Header>
                        <Navbar.Brand style={navstyle}>
                            <img src={navigationbarlogo} alt={'logo for navigation bar'}/>
                            <a href="http://localhost:3000">Tweelyze</a>
                        </Navbar.Brand>
                    </Navbar.Header>
                    <Nav>
                        <NavItem eventKey={1} href="#">Analytics</NavItem>
                        <NavItem eventKey={2} href="#">About Us</NavItem>
                    </Nav>
                </Navbar>
        );
    }
}

export default NavigationBar;

Я не могу понять, что здесь не так

Answer 1

Я думаю, что именно так вы импортируете свои стили, эта ошибка обычно возникает, когда импортируемый вами модуль не найден. Могу ли я посмотреть каталог вашего файла, чтобы мы могли проверить, правильно ли он там загружается?

Answer 2

проверьте ваш импортированный компонент. мы используем импорт {component-name} from '' для импорта именованного экспорта и import 'any-component-name' from '' для импорта импорта по умолчанию.