时间戳

首页 > 解决方案 > Reactjs 应用程序部署在 Windows 服务器中。显示空白页

reactjs - Reactjs 应用程序部署在 Windows 服务器中。显示空白页

问题描述

我创建了一个 ReactJS APP。我想在托管服务器中部署这个应用程序。所以我做了改变

  1. 在 package.json 添加 "home": 'https://ww.domain.com/ReactApp"
  2. 安装了 react-snapshot 插件。在 package.json 的构建行中添加了“&& react-snapshot”。将 React-Dom 替换为 index.js 中的 react-snapshot。
  3. 构建项目并将构建中的文件和文件夹复制并粘贴到服务器 inetpub/wwwroot/reactApp 文件夹中。
  4. 运行选项卡中显示的应用程序图标。空白的白色屏幕。控制台没有错误。

任何人请建议我在做什么错误，请建议快速解决方案。谢谢

标签： reactjswindowsiisweb-applicationsserver

解决方案

您可以尝试以下步骤来解决您的问题：

1.请检查您的 Webpack 的公共路径设置。在你的 Webpack 配置中有 publicPath 设置告诉应用它的根路径是什么。请确保它设置正确，它将基于该 URL 的上述链接。

2.如果你使用 create-react-app，你就不必处理 Webpack 配置。create-react-app 设置 webpack 配置的方式，这会将 publicPath 替换为您的应用程序的正确基本 URL。现在您的应用程序是基本 URL，npm run build再次运行并将应用程序复制到您的网络空间以找到您的应用程序启动并运行。

推荐阅读