0

Estou tentando usar um componente NavBar do React Bootstrap e ao compilar o código aparece o seguinte erro:

Failed to compile.

C:/Users/Guilherme/vscode-workspace-general/tasks/frontend/node_modules/react-bootstrap/esm/index.d.ts
TypeScript error in C:/Users/Guilherme/vscode-workspace-general/tasks/frontend/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';

Esta é o componente que está usando NavBar:

import React from 'react'
import { Button, Form, FormControl, Nav, Navbar, NavDropdown } from 'react-bootstrap'

export const NavBar: React.FC = () => {
  return (
    <Navbar bg="light" expand="lg">
      <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
      <Navbar.Toggle aria-controls="basic-navbar-nav" />
      <Navbar.Collapse id="basic-navbar-nav">
        <Nav className="mr-auto">
          <Nav.Link href="#home">Home</Nav.Link>
          <Nav.Link href="#link">Link</Nav.Link>
          <NavDropdown title="Dropdown" id="basic-nav-dropdown">
            <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
            <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
            <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
            <NavDropdown.Divider />
            <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>
          </NavDropdown>
        </Nav>
        <Form inline>
          <FormControl type="text" placeholder="Search" className="mr-sm-2" />
          <Button variant="outline-success">Search</Button>
        </Form>
      </Navbar.Collapse>
    </Navbar>
  )
}

Estou usando React com Typescript. Acontece exatamente o mesmo erro com qualquer componente do react-bootstrap. Quando eu crio um componente do zero usando tags html a aplicação compila normalmente.

1 Resposta 1

0

Resolvi o problema. Atualizei o TypeScript para versão latest, depois adicionei os @types/react e @types/react-dom como devDependency... A versão do TypeScript antes da atualização era 3.7.3, depois 4.0.3.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .