Question

运行命令npm run build后，我得到的构建文件没有任何错误，但是当我尝试运行该应用程序时，它显示空白页，错误为

我找不到问题所在，而我的index.html文件就像

var price = $("#totalPrice").html().split("R")[1];
var deliveryprice = $("#delivery-price").html().split("R")[1];
var totalPrice = parseInt(price) + parseInt(deliveryprice);

我的package.json

`<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>title</title>
  <meta name="description" content="dashboard, admin, template, templates, sigma, bootstrap 4, react 4 templates, react 4 themes">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- icons -->
  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">

  <link rel="manifest" href="%PUBLIC_URL%/assets/icons/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <!-- <meta name="msapplication-TileImage" content="%PUBLIC_URL%/assets/icons/ms-icon-144x144.png"> -->
  <meta name="theme-color" content="#ffffff">

  <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Roboto:400,500,700" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons-wind.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

</head>

<body>
  <div id="root"></div>

  <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=key&libraries=places"></script>
</body>

</html>`

我对错误的发生感到困惑，但仍然没有提到错误在哪里在搜索时，我知道此错误是由于缺少任何脚本而发生的，但无法弄清楚我在做什么错

Answer 1

您已经升级了react和react-dom软件包，但尚未更新与react 16不兼容的react-scripts软件包。因此，您需要升级react-script软件包。

之后，您可以再次构建它并进行检查，我很确定它对您有用。

Answer 2

解决了问题！它在后端nodejs中，没有正确触发react的 index.html 文件

应用构建后，React显示空白页面吗？

2 个答案: