React build не работает в подкаталоге - PullRequest
Новая
       21

React build не работает в подкаталоге

0 голосов
/ 05 февраля 2019

Я создаю прогрессивное веб-приложение в ReactionJS.Когда я развертываю сборку в подкаталоге сервера, он не отображает ничего, кроме нижнего колонтитула.

Вот мое прикладное решение для проблемы пути к подкаталогу.(Ссылка: https://medium.com/@svinkle/how-to-deploy-a-react-app-to-a-subdirectory-f694d46427c1)static/chunk.css проблема с путём решена, но компонент не рендерится. Есть ли что-нибудь, связанное с работником службы?

Вот файл App.js 

`<BrowserRouter basename={'/buildTest'}>
                    <div>
                        <PrivateRoute exact path={`${process.env.PUBLIC_URL}/`} component={Artist} />
                        <Route path={`${process.env.PUBLIC_URL}/Login`} component={Login} />
    </div>
</BrowserRouter>
<Footer />`

Добавлено этоpackage.json

"homepage": "http://localhost/buildTest",

здесь public / worker.js 

`self.addEventListener('install', function(event) {
  if (doCache) {
    event.waitUntil(
      caches.open(CACHE_NAME)
        .then(function(cache) {
          fetch('asset-manifest.json')
            .then(response => {
              response.json();
            })
            .then(assets => {
              const urlsToCache = [
                '/',
                '../public/index.html',
                'index.js',
                'App.js',
                  'App.css'
              ];
              cache.addAll(urlsToCache);
            })
        })
    );
  }
});`

Получение этой ошибки в браузере и не найден путь к компонентам: 

`Uncaught (in promise) TypeError: Request failed`

вывод терминала после: npm run build

`> reduxapi@0.1.0 build /var/www/html/demo-pwa
> react-scripts build

Creating an optimized production build...
Compiled successfully.

File sizes after gzip:

  444.21 KB  build/static/js/1.cc99dd57.chunk.js
  50.26 KB   build/static/css/1.97a0600d.chunk.css
  12.32 KB   build/static/js/main.9414fd42.chunk.js
  5.11 KB    build/static/css/main.d11e5f11.chunk.css
  768 B      build/static/js/runtime~main.04414a6d.js

The project was built assuming it is hosted at /buildTest/.
You can control this with the homepage field in your package.json.

The build folder is ready to be deployed.`

пожалуйста, проверьте скриншот сети здесь

Я просто ищу любое возможное объяснение того, что я мог быделать неправильно. Большое спасибо заранее.

...