«следующий запуск» не выполняется из-за React-Bootstrap NavDropdown - PullRequest
Новая
       23

«следующий запуск» не выполняется из-за React-Bootstrap NavDropdown

0 голосов
/ 07 июня 2019

Я пытаюсь запустить производственную сборку моего приложения, и после его сборки «следующий запуск» завершается неудачно.Я получаю сообщение об ошибке: «Не удается прочитать свойство 'show' of undefined" в /node_modules/react-overlays/DropdownToggle.js:36:22

Запуск сборки разработки в порядке, и как только я удаляю «NavDropDown»Компонент все работает отлично.В этом случае я могу использовать команду 'npm run start' или 'next start' после сборки. 

import Header from './header';
import Link from 'next/link';

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

//Top navigation of the application
function Navigation() {
  return (
    <div className="navigationHeader">
      <Header />
      <Navbar collapseOnSelect expand="lg" bg="primary" variant="dark" fixed="top">
        <Link href="/" prefetch>
          <a>
            <Navbar.Brand>
              My Application
            </Navbar.Brand>
          </a>
        </Link>
        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
        <Navbar.Collapse id="responsive-navbar-nav">
          <Nav className="ml-auto">



            {/* Trouble code below */}
            <NavDropdown title="Account" id="collasible-nav-dropdown">
              <NavDropdown.Item href="/admin" disabled>Admin</NavDropdown.Item>
              <NavDropdown.Divider />
              <NavDropdown.Item href="/my-account" disabled>My Account</NavDropdown.Item>
              <NavDropdown.Item href="/register">Register</NavDropdown.Item>
              <NavDropdown.Item href="/login">Login</NavDropdown.Item>
            </NavDropdown>
           {/* End of trouble code */}


            <Nav.Link href="/browse" disabled>Browse</Nav.Link>
            <Nav.Link href="/services">Manage Services</Nav.Link>
            <Nav.Link eventKey={2} href="/cart" className="mr-sm-2" disabled>
              Cart
            </Nav.Link>
          </Nav>
          <Form inline>
            <FormControl type="text" placeholder="Search" className="mr-sm-2" disabled />
            <Button variant="success" disabled>Search</Button>
          </Form>
        </Navbar.Collapse>
      </Navbar>
    </div>
  );
}

export default Navigation;

Просто для краткости, я могу запустить npm run dev 'next', и я могу запуститьNpm запустить сборку без проблем.Как только я запускаю npm, запускаю «следующий запуск» и подключаюсь к порту, приложение вылетает с ошибкой «Невозможно прочитать свойство« показать »из неопределенного» в /node_modules/react-overlays/DropdownToggle.js:36:22

Однако, если я удаляю код неисправности, все работает.Есть идеи?Я пропускаю параметр в компоненте?Я просто следовал за документами о реакции-загрузке.

Спасибо.:)

...