在<RouterImpl>组件中发生了以上错误：

问题描述

我在尝试从“ @ reach / router”插入路由时遇到一些问题 我需要知道并解决为什么当我使用以下命令运行时显示下一个错误webpack-dev-server --history-api-fallback 主要错误表明它是index.js：723 Uncaught TypeError：无法读取未定义的属性'path'，我不理解。 我不会说很多英语，所以如果不懂我，请与我联系

import React from 'react'
import { logo } from './components/logo'
import { PhotoCardWithQuery } from './containers/PhotoCardWithQuery'
import { GlobalStyle } from './styles/GlobalStyles'
import { Home } from './pages/Home'
import { Router } from '@reach/router'
export const App = () => {
  const urlParams = new window.URLSearchParams(window.location.search)
  const detailId = urlParams.get('detail')
  return (
    <div>
      <GlobalStyle />
      <logo />
      {
        detailId
          ? <PhotoCardWithQuery id={detailId} />
          : <Router> <Home path='/' /> </Router>
      }
    </div>
  )
}

我需要帮助。请。

这是我的包裹

  "devDependencies": {
    "@babel/core": "^7.11.4","@babel/preset-env": "^7.11.0","@babel/preset-react": "^7.10.4","babel-loader": "^8.1.0","html-webpack-plugin": "^4.3.0","standard": "^14.3.4","webpack": "^4.44.1","webpack-cli": "^3.3.12","webpack-dev-server": "^3.11.0"
  },"dependencies": {
    "@reach/router": "^1.3.4","apollo-boost": "^0.4.9","graphql": "^15.3.0","intersection-observer": "^0.11.0","react": "^16.13.1","react-apollo": "^3.1.5","react-dom": "^16.13.1","react-icons": "^3.11.0","styled-components": "^5.1.1"
  }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）