Reactjs 应为ReactBoostrap声明或语句。TS1128

在我的react应用程序中添加按钮时。当显示这种类型的错误时，我无法理解

在/media/XXPath1/XXPath2/React Wrokspace/resto/node_modules/React bootstrap/esm/index.d.ts中键入脚本错误（2,1）： 需要声明或声明。TS1128

    1 | export { default as Accordion } from './Accordion';
  > 2 | export type { AccordionProps } from './Accordion';
      | ^
    3 | export { default as AccordionContext } from './AccordionContext';
    4 | export { default as AccordionCollapse } from './AccordionCollapse';
    5 | export type { AccordionCollapseProps } from './AccordionCollapse';

---

代码：

import React, { Component } from 'react';

import { Button } from 'react-bootstrap';

class RestaurantList extends Component {

    render() {
        return (
            <div>
                <h1>RestaurantList</h1>
                <Button variant="primary">Submit</Button>
            </div>
        );
    }
}

export default RestaurantList;

---

我挣扎了一分钟想知道发生了什么，直到我检查了package.json文件，发现版本只有

3.7.5

，尽管我的编辑器使用的是

3.9.X

。升级版本修复了该问题。 试试这个

npm安装-gtypescript@latest

。您也可以使用此命令

npm update

而不是install，而不使用最新的修改器

{
  "name": "resto",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "@types/jest": "^24.9.1",
    "@types/node": "^12.19.0",
    "@types/react": "^16.9.53",
    "@types/react-bootstrap": "^0.32.24",
    "@types/react-dom": "^16.9.8",
    "@types/react-router-dom": "^5.1.6",
    "axios": "^0.20.0",
    "bootstrap": "^4.5.3",
    "json-server": "^0.16.2",
    "react": "^17.0.1",
    "react-bootstrap": "^1.3.0",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.4",
    "reactstrap": "^8.6.0",
    "typescript": "^3.7.5"
  },
}