React Bootstrap 声明或预期声明。 TS1128答案

【问题标题】：ReactBoostrap Declaration or statement expected. TS1128React Bootstrap 声明或预期声明。 TS1128
【发布时间】：2021-02-09 13:37:08
【问题描述】：

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

/media/XXPath1/XXPath2/React-Wrokspace/resto/node_modules/react-bootstrap/esm/index.d.ts(2,1) 中的 TypeScript 错误：预期声明或声明。 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

{
  "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"
  },
}

【问题讨论】：

标签： reactjs typescript react-bootstrap react-typescript

【解决方案1】：

我挣扎了一分钟，想知道发生了什么，直到我检查了我的 package.json 文件，发现版本只有 3.7.5，尽管我的编辑器使用的是 3.9.X。升级版本解决了这个问题。试试这个npm install -g typescript@latest。您也可以使用此命令npm update 代替安装，无需最新修饰符。

【讨论】：