React 网站显示在 Netlify 上，但未显示在 GitHub 页面上

Question

我将我的 React 站点上传到 GitHub 的 repo jschlte.github.io 下，它显示一个空白页面，并显示错误“无法加载模块脚本：需要 JavaScript 模块脚本，但服务器响应 MIME 类型为“text/jsx” “。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查”。但在 Netlify 上，网站加载得很好。

GitHub 页面：https://jschlte.github.io/
Netlify：https://jschlte.netlify.app/

我的package.json

我的 vite.config.js 文件

我的 main.jsx 文件

Answer 1

此 github 页面仅托管

static

网站。如果您基于Reactjs开发Web，则需要使用webpack等工具将代码转换为纯html/css/js。对于您的情况，您只需要再次

npm run build

和

deploy

到您的 github 存储库。然后一切都会顺利。