Github 页面。链接为空且错误：无法加载模块脚本答案

【问题标题】：Github Pages. Link empty and Error: Failed to load module scriptGithub 页面。链接为空且错误：无法加载模块脚本
【发布时间】：2022-10-25 23:54:03
【问题描述】：

我正在尝试在 Github Pages 上上传一个项目，但是当我访问该链接时，我得到一个没有任何内容的白页，并且控制台中出现以下错误：

加载模块脚本失败：需要一个 JavaScript 模块脚本，但服务器以“text/jsx”的 MIME 类型响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

它指的是 main.jsx：

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'

ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<App />
</React.StrictMode>
)

知道会发生什么吗？

【问题讨论】：

并不真地。我们需要查看更多代码。像 package.json 和部署步骤。您是否尝试过遵循本指南：create-react-app.dev/docs/deployment/#github-pages
谢谢您，该指南非常有帮助。现在我有另一个问题。部署后我无法更新我的仓库中的更改。
您无法更新更改？你有具体的错误吗？

标签： javascript reactjs github github-pages

【解决方案1】：

我的朋友，如果你使用 react，你必须打开你的控制台并写 “npm 运行开发”

注意：该命令将根据您当前的 react 安装而有所不同，您可以通过查看您的 package.json 文件来检查您当前的启动命令是什么。 This is my example, since I'm using vite I must write npm run dev

如果您尝试像常规 HTML 文件一样使用实时服务器打开您的 html，您的浏览器将显示该错误。

好好看我的兄弟

【讨论】：