0

我有一个通过 React Create App 构建的项目，我正在按照本教程将其部署到 GitHub Pages。部署本身几乎可以工作，因为我<script>在 index.html 上方写的任何内容都已部署到正确的 URL，但我不知道应该加载什么。在本教程中，它们链接build/bundle.js，但是当我运行时npm run build，没有创建任何捆绑文件。我认为我只需要链接到我的捆绑应用程序就可以解决我的问题，但我不知道在哪里可以找到它。我还没有从开箱即用的 react-create-app 重新配置 babel 或 webpack。我的 index.HTML：

<html>
  <head>
    <meta charset="utf-8">
    <!-- Start Single Page Apps for GitHub Pages -->
    <script type="text/javascript">
      // Single Page Apps for GitHub Pages
      // MIT License
      // https://github.com/rafgraph/spa-github-pages
      // This script checks to see if a redirect is present in the query string,
      // converts it back into the correct url and adds it to the
      // browser's history using window.history.replaceState(...),
      // which won't cause the browser to attempt to load the new url.
      // When the single page app is loaded further down in this file,
      // the correct url will be waiting in the browser's history for
      // the single page app to route accordingly.
      (function(l) {
        if (l.search[1] === '/' ) {
          var decoded = l.search.slice(1).split('&').map(function(s) { 
            return s.replace(/~and~/g, '&')
          }).join('?');
          window.history.replaceState(null, null,
              l.pathname.slice(0, -1) + decoded + l.hash
          );
        }
      }(window.location))
    </script>
    <!-- End Single Page Apps for GitHub Pages -->

  </head>
  <body>
    <div id="root"></div>
    <!-- single page app in bundle.js -->
    <p>Testing</p>
    <script src="/build/bundle.js"></script>
  </body>
</html>
4

0 回答 0