呈現空白頁面的基本 antd 示例

Question

我正在嘗試使用 antd 創建最基本的 React 應用程序，但它呈現一個空白頁面。 我使用了 venv，運行了 npx npx create-react-app. 並將默認的 App.js 文件內容替換為來自antd 網站的以下示例。 有人可以建議嗎？

應用程序.js：

import React from 'react';
import { Button } from 'antd';
import 'antd/dist/reset.css';
import './App.css';

const App = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

export default App;

終端output：

Compiled successfully!

You can now view antd-examples in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://10.5.0.2:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully

鑒於沒有錯誤或警告，我期待看到一個按鈕顯示上面的代碼，但只是看到一個空白屏幕。 請注意，當我使用運行npx create-react-app. 頁面呈現良好，我看到緩慢旋轉的反應符號。

編輯：

1. 控制台日志中有一些消息。 你可以在pastebin中看到它。
2. package.json 文件內容在pastebin上。

Answer 1

這種情況下的問題是 package.json 中缺少antd依賴package.json 。 使用yarn add antd安裝后，代碼按預期工作。