Создание веб-сайта без маршрутизируемых компонентов

Question

Я среагировал на app-app и webpack с нуля, и все работает и отлично выглядит в webpack-dev-server. Но когда я собираю (объединяю) приложение в файл, оно не показывает компоненты из пути «Маршрут».

Webpack не выводит ошибок, поэтому я не знаю, как это исправить. Это проект: https://github.com/kamilmoskal/react-movies-library-app

Answer 1

Хорошо, я понял, что проблема была в

  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-response-app my-app, было достаточно добавить , но в этом случае это не сработало. может быть, это кому-нибудь поможет.

Answer 2

Возможно, вы пытались открыть index.html как обычный файл в браузере. Приложение должно быть развернуто на каком-либо сервере.

Самый простой способ заставить его работать - это обслуживать его на локальном компьютере, используя, например, serve :

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

Затем перейдите к http://localhost:5000 в вашем браузере