[英]Unable to use react-bootstrap in react typescript project even after adding @types/react-bootstrap to my project
即使添加了“@types/react-bootstrap”,我也無法在我的 react typescript 項目中使用 react-bootstrap 組件。
React Bootstrap 列在 package.json 文件中。
這是我的 SideBar 組件。
import React from "react";
import { Navbar } from "react-bootstrap";
const SideBar: React.FC = () => {
return (
<>
<Navbar bg="dark" variant="dark">
<Navbar.Brand href="#home">
<img alt="logo" src="./logo.png" width="30" height="30" className="d-inline-block align-top" /> React Bootstrap
</Navbar.Brand>
</Navbar>
</>
);
};
export default SideBar;
這是 index.tsx 文件
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
serviceWorker.unregister();
這是我的錯誤
Failed to compile.
/Users/kishore/Documents/truexam-admin/node_modules/react-bootstrap/esm/index.d.ts
TypeScript error in /Users/kishore/Documents/truexam-admin/node_modules/react-bootstrap/esm/index.d.ts(2,1):
Declaration or statement expected. 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';
有兩種方法可以修復它:將 typescript 升級到 3.8+ 或將您的 react-bootstrap 降級到 1.0.1,如本答案https://stackoverflow.com/a/62942393/5972355中所列。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.