Reactjs React路由器dom nav链接未呈现

我正在尝试使用react router dom构建导航，但运行build时，Navlink或react router dom中的任何内容都不会呈现

     My file webpack.config

` module.exports = {
        entry: ['./src/index.js'],
        output: {
            path: __dirname + '/dist',
            filename: 'bundle.js'

    },
    devServer: {
            historyApiFallback: true,
          },
    `



     My navigation.js file
`import { NavLink } from 'react-router-dom';



    const Navbar  = () =>{

          return (

         <div><ul><li>
          <NavLink to "/work">Work</NavLink></li></ul></div>
          );
      }
      export default Navbar;`

我的文件webpack.config
`module.exports={
条目：['./src/index.js']，
输出：{
路径：uu dirname+'/dist'，
文件名：“bundle.js”
},
开发服务器：{
历史上的倒退：是的，
},
`
My navigation.js文件
`从'react router dom'导入{NavLink}；
常量导航栏=（）=>{
返回(

工作
);
}
导出默认导航栏`

您需要在

元素中包含一些内容

请参阅，其中提供了以下示例：

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

<NavLink to="/about">About</NavLink>

从'react router dom'导入{NavLink}
关于

您的语法对于

NavLink

不正确-请参阅此，问题是我安装了react路由器。