Автономная навигация по React-Router для локального пакета, работающего через Android WebView - PullRequest
0 голосов
/ 04 октября 2018

В настоящее время у меня возникла проблема с настройкой работающей навигации по реакционному маршрутизатору для приложения ReactJS, которое связано и запущено через WebView моего приложения для Android.Приложение должно работать в автономном режиме, поэтому в настоящее время я загружаю приложение React из локально хранимых ресурсов следующим образом:

file:///android_asset/build/index.html

Оно прекрасно загружает целевую страницу, но поскольку настройка реагирующего маршрутизатора у меня зависит от обновленияи сопоставление путей URL-адресов. У меня есть ссылки и маршруты, которые у меня в данный момент не работают, с локальным путем к файлу, который использует WebView, щелчок по первому элементу ссылки на маршрут /next/path приводит к:

Uncaught DOMException: Failed to execute 'pushState' on 'History': A 
history state object with URL 'file:///next/path' cannot be 
created in a document with origin 'null' and URL 
'file:///android_asset/build/index.html

IЯ пытался разобраться в этом, пытаясь разобраться, но все еще в растерянности.

Каков наилучший способ запустить автономную маршрутизацию без URL-адреса, если она вообще есть?

Моя текущая настройка реагирующего маршрутизатора выглядит следующим образом:

App /> компонент:

<BrowserRouter>
    <div>
      <RoutesComponent
        {props etc}
      />
    </div>
  </BrowserRouter>

Routes /> компонент:

<Switch>
  <Route
    path="/next/path"
    render={props => ( <DesiredNextComponent {...props} /> )}
  />
  <OtherRoutesBelowetc. />
</Switch>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...