Я пытаюсь создать самое простое приложение для реагирования, используя antd, но оно отображает пустую страницу. Я использовал venv, запустил npx create-react-app .
и заменил содержимое файла App.js по умолчанию приведенным ниже примером с сайта antd. Может кто-нибудь посоветовать?
App.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;
Выход терминала:
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 .
, страница отображается нормально, и я вижу медленно вращающийся символ реакции.
Редактировать:
Только что удалил, как увидел твой комментарий. Все еще никаких изменений.
Видите ли вы какие-либо ошибки в консоли разработчика вашего браузера?
Не могли бы вы также опубликовать свой package.json
?
Да, теперь я добавил в сообщение как package.json, так и консольный вывод.
Я думаю, вы забыли установить зависимость antd
с помощью yarn add antd
?
это помогло, спасибо! Если вы сделаете это ответом, я могу принять его
вообще без проблем :D
Проблема в этом случае заключается в том, что в файле antd
отсутствует зависимость package.json
. После установки с помощью yarn add antd
код работает, как и ожидалось.
а что если убрать галочки вокруг
'<Button type = "primary">Button</Button>'