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 。

>

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

我在这里找到了此解决方案：Link and execute external JavaScript file hosted on GitHub

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

1 个答案: