#reactjs #semantic-ui-react
#reactjs #semantic-ui-react
Вопрос:
Я пытаюсь импортировать элементы из react semantic ui подобным образом после установки через npm.
import React, { Component } from "react";
import "./App.css";
import { Button } from "semantic-ui-react";
class App extends Component {
render() {
return <Button>hi</Button>;
}
}
export default App;
Но я получаю эту ошибку.
Комментарии:
1. похоже, что ваша ошибка не связана с компонентом приложения, у вас есть другие компоненты в вашем приложении?
2. Пока нет, когда я удаляю строку импорта react Semantic, она работает нормально.
3. проверьте это stackblitz.com/edit/react-9xctbk
Ответ №1:
Я предполагаю, что приложение уже работало, когда вы устанавливали пакет semantic-ui, поэтому соответствующий файл не был загружен.
Не забывайте перезапускать свое приложение после установки каждого пакета или просто останавливать его перед установкой.
Ответ №2:
Возможны два сценария возникновения этой ошибки:
1. Не работает быстрая перезагрузка модуля: иногда npm не загружает страницы автоматически, поэтому повторный запуск приложения решил бы эту проблему.
2. Несоответствие Yarn / NPM: некоторые пакеты (особенно semantic-ui) выдают ошибку при несоответствии с package-json и yarn.lock. Рекомендуется придерживаться yarn package manager, если вы используете yarn.
Надеюсь, это поможет 🙂