对未导入的组件进行反应引导警告

时间:2020-07-10 21:56:55

标签: reactjs typescript react-bootstrap react-typescript

每当我运行我的应用程序时,我的控制台中都会出现许多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>
        );
    }
}

似乎相当无害。我不太确定警告应该指示什么。

有帮助吗?

0 个答案:

没有答案