如何从GitHub而非本地加载文件？ [来自GitHub Pages的应用程序]

Question

我终于将我的React App 错误地发布到了GitHub Pages上。 我认为问题在于我的React App正在尝试从本地计算机而非GitHub（我仍然不希望这样做）中提取文件。 我将如何改变呢？

我的网站有错误：

不允许加载本地资源：file：/// C：/Users/numak/Desktop/MyWebsite/dist/bundle.js

第一个问题（可能有很多）在我的index.html文件中，该文件以如下方式提供我的bundle.js文件：

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
            <title>React Starter</title>
        </head>
        <body>
            <div id="root"></div>
            <noscript>
                You need to enable JavaScript to run this app.
            </noscript>
            <!-- Here is the problem apparently -->
            <script src="../dist/bundle.js"></script>
        </body>
  </html>

我不确定这是否真的与我的来源有关。 这也可能与我如何在package.json或webpack.config.js文件中设置网站有关。

这是指向GitHub分支的链接，该分支托管GitHub Pages网站的文件：

https://github.com/NumaKarolinski/PersonalWebsite/tree/websiteVersion1

这是我的GitHub Pages分支的链接：

https://github.com/NumaKarolinski/PersonalWebsite/tree/gh-pages

这是我的GitHub Pages网站的链接：

https://numakarolinski.github.io/PersonalWebsite/

谢谢你的帮助！

Answer 1

MaddEye的评论帮助我找到了最终的解决方案。

该评论略有错误，因为https://raw.githubusercontent.com/NumaKarolinski/PersonalWebsite/websiteVersion1/dist/bundle.js的MIME类型为text / plain ，但是MIME类型为text / javascript 。

我发现您可以将cdn.rawgit替换为raw.githubusercontent ， 并将其转换为以下最终解决方案： https://cdn.rawgit.com/NumaKarolinski/PersonalWebsite/websiteVersion1/dist/bundle.js : //cdn.rawgit.com/NumaKarolinski/PersonalWebsite/websiteVersion1/dist/bundle.js

我在这里找到了这个解决方案： 链接并执行托管在GitHub上的外部JavaScript文件