通过 Express 服务时，Index.html 不呈现组件

Question

我在本教程的最后https://www.freecodecamp.org/news/how-to-deploy-a-react-app-with-an-express-server-on-heroku-32244fe5a250/我已将我的 App.js 更改为以下内容：import React, { Component } from "react";import "./App.css";class App extends Component {  render() {    return (      <div>        <p>lmfao</p>      </div>    );  }}export default App;现在不幸的是，在运行“ npm run dev ”后访问 localhost:5000 时，虽然页面标题显示为“React App”并且页面源是 index.html，但未呈现 App 组件并且任何地方都没有错误。这是访问 localhost:5000 的图片，它给出了 index.html现在有趣的是，如果我访问 localhost:3000 上的 React 服务器，组件会渲染。我错过了什么？非常感谢

Answer 1

出现空白页面的最可能原因是无法下载脚本包。

在浏览器中右键单击空白页面并选择“查看页面源代码”或类似菜单。您将看到 .html 文件的内容，包括<script>指向/some-path/some-name.js文件的标签。无法下载全部或部分这些文件。要确认是这种情况，只需通过将浏览器指向localhost:5000/some-path/some-name.js. 如果无法下载脚本包，请添加到 Express 的路由。