React bootstrap предупреждений для компонентов, которые не были импортированы - PullRequest
1 голос
/ 11 июля 2020

Я получаю множество предупреждений React bootstrap в моей консоли всякий раз, когда я запускаю свое приложение. Вот лишь некоторые из них:

WARNING in ./node_modules/react-bootstrap/esm/index.js 70:0-79
"export 'ThemeProviderProps' was not found in './ThemeProvider'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 73:0-73
"export 'ToastHeaderProps' was not found in './ToastHeader'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 71:0-55
"export 'ToastProps' was not found in './Toast'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 75:0-142
"export 'ToggleButtonCheckboxProps' was not found in './ToggleButtonGroup'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 75:0-142
"export 'ToggleButtonGroupProps' was not found in './ToggleButtonGroup'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 74:0-76
"export 'ToggleButtonProps' was not found in './ToggleButton'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 75:0-142
"export 'ToggleButtonRadioProps' was not found in './ToggleButtonGroup'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

WARNING in ./node_modules/react-bootstrap/esm/index.js 76:0-61
"export 'TooltipProps' was not found in './Tooltip'
 @ ./src/Components/Header.tsx
 @ ./src/App.tsx
 @ ./src/index.tsx

Вот мой Header.tsx файл для справки:

import React from 'react';
import { Row, Image, Col } from 'react-bootstrap';
import logo from '../assets/mylogo.png';
import './Header.scss';

export class Header extends React.PureComponent {
    render() {
        return (
            <div className="app-header">
                <Row className="app-header-content">
                    <Col className="col-1">
                        <Image className="logo" src={logo}></Image>
                    </Col>
                </Row>
            </div>
        );
    }
}

Кажется довольно безобидным. Я не совсем уверен, что должны указывать предупреждения.

Есть помощь?

...