Почему не работает второй html-файл в create-react-app?

246

28 июня 2018, 16:20

День добрый!

Чтобы подключить еще один html, использую метод по этой ссылке: http://imshuai.com/create-react-app-multiple-entry-points/ (там ближе к концу на английском языке). Делаю все те же действия. Добавляю admin.js там, где index.js. И admin.html там же, где index.html.

И вроде как на localhoste все работает, отрисовывает, могу перейти на вторую страницу и там нужные компоненты есть. Но не совсем правильно - если я меняю данные admin.html - изменений нет. Или если нет в index.htmlтех же id, что и в admin.html, то ругается not a DOM element.

На github-pages после сборки и npm run deploy страница admin.html вообще пустая (нет react-компонентов), с index - все ок. Что я делаю не так? Может что-то добавить нужно?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="format-detection" content="telephone=no">
<title>Bla bla bla</title>
<link href="css/style.css" rel="stylesheet">

<header class="page-header">
  <div class="page-header__container">
    <nav class="main-nav main-nav--opened">
      <button class="main-nav__toggle" type="button">
        <span class="visually-hidden">Close</span>
      </button>
      <ul class="main-nav__list">
        <li class="main-nav__item">
          <a class="main-nav__link" href="index.html">Home</a>
        </li>
        <li class="main-nav__item">
          <a class="main-nav__link" href="admin.html">Admin</a>
        </li>
      </ul>
    </nav>
  </div>
</header>
<main class="page-main">
  <h1 class="visually-hidden">Bla-bla-bla</h1>
  <div id="root"></div>
  <div id="root-home"></div>
  <div id="app"></div>
</main>
<footer class="footer">
  <div id="footer">
  </div>
</footer>