通过 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.&nbsp;如果无法下载脚本包，请添加到 Express 的路由。