没有路由组件的webpack构建网站

Question

我从头开始制作了react-app和webpack，并且一切正常，并且在webpack-dev-server中看起来还不错。但是当我构建（捆绑）应用程序并将其归档时，它不会显示“路线”路径中的组件。

Webpack不会输出任何错误，所以我不知道该如何解决。这是项目：https://github.com/kamilmoskal/react-movies-library-app

Answer 1

可能您试图在浏览器中将index.html作为常规文件打开。该应用程序应部署在某些服务器上。

使其工作最简单的方法是使用serve在本地计算机上提供服务：

1. npm install serve --save
2. cd doc
3. serve

然后在浏览器中导航至http://localhost:5000

Answer 2

好吧，我发现问题出在<路径精确路径='/'...当路径像这样的“ /”时，我已经解决了它：

  from:  import { BrowserRouter, Route, Switch } from 'react-router-dom'
  to:    import { HashRouter as Router, Route, Switch } from 'react-router-dom'

  and in code below from: <BrowserRouter>
                          ...
                          </BrowserRouter>

                      to: <Router> 
                          ...
                          </Router>

当我通过标准的'npx create-react-app my-app'开发应用程序时，添加就足够了，但是在这种情况下，它并没有起作用。也许会帮助某人。