Question

美好的一天！我试图创建我的第一个React应用程序。这是package.json：

 {
   "name": "budget",
   "version": "1.0.0",
   "scripts": {
     "start": "lite-server"
   },
  "devDependencies": {
    "lite-server": "^2.2.1"
  }
}

html页：

<html>
   <head>
     <meta charset="utf-8"/>
     <title>Menu</title>
  </head>
<body>
     <div id="app"></div>

    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel" src="MainMenu.jsx"></script>

  </body>
</html>

jsx：

 class MainMenu extends React.Component {
   render() {
      return <table>
        <tr>
            <td>Date</td>
            <td>Operation</td>
            <td>Amount</td>
            <td>Item of expenditure</td>
            <td>Balance</td>
        </tr>
     </table>
     }
 }

ReactDOM.render(
     <MainMenu/>,
     document.getElementById("app")
);

当我尝试启动应用程序时，我收到的页面只有标题：Cannot GET /

在开发人员工具中，我看到以下错误：无法加载资源：服务器以404（未找到）状态响应

以防项目结构为准

由于404错误，无法呈现React页面

0 个答案: