我一直在努力解决这个问题，但我仍然找不到正确的答案。
当我试图将我的react应用程序部署到github页面时，出现了一个空白页面。但在当地，它工作得很完美。
This是我部署的页面。
这是我的github repository.
我已经检查了几个选项：
- 在
vite.config.ts文件中，我的基设置为base: "{soheum.github.io}" - 尝试使用
vite.config.ts和vite.config.js进行部署 - 在我的
package.json中包含了"homepage": "https://soheum.github.io/soheum.github.io"
在我的控制台日志中有这样的错误：
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec.有没有什么方法可以解决这个问题？
非常感谢！
1条答案
按热度按时间nzrxty8p1#
编辑：已解决：github pages部署的目标是使用纯react代码的main分支，而不是只包含“dist”文件夹内容的gh-pages分支。只需转到存储库设置，Pages，指向您的gh-pages分支。
让我简单地告诉你
cd到项目的根目录;
运行：
npm i gh-pages --save-dev在package.json中添加deploy脚本：
如果您还没有运行
npm run build，请运行npm run build，以便生成包含构建的dist文件夹运行
npm run deploy这将创建一个只有ur build的
gh-pages分支，现在你需要做的就是转到你的Repository SETTINGS，打开左边的Pages部分，并将其配置为指向GH-PAGES分支而不是MAIN分支。面对同样的问题，但与（“text/html”）...
从“www.example.com“加载的模块https://gxxxxxx.github.io/src/main.tsx由于不允许的MIME类型（“text/html”）而被阻止。