javascript - 如何修复错误：尝试导入错误：“Navlink”未从“react-router-dom”导出

Question

./src/components/HeaderComponent.js

import React, {Component} from 'react';
import { Navbar, NavbarBrand, Nav, NavbarToggler, Collapse, NavItem, Jumbotron } from 'reactstrap';
import { Navlink } from 'react-router-dom';

这是我的依赖项：

"dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "bootstrap": "^4.5.0",
    "bootstrap-social": "^5.1.1",
    "font-awesome": "^4.7.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-popper": "^2.2.3",
    "react-router-dom": "^4.2.2",
    "react-scripts": "3.4.1",
    "reactstrap": "^8.5.1"
  }

请帮忙。

标签： javascriptreactjs

Answer 1

只需尝试：

import { NavLink } from 'react-router-dom';

代替

import { Navlink } from 'react-router-dom';

即它的“导航链接”不是“导航链接”