Не могу решить "семантически-UI-реагировать" - PullRequest
Новая
       9

Не могу решить "семантически-UI-реагировать"

0 голосов
/ 30 сентября 2018

Я думаю, что выполнил все шаги для установки 'semantic-ui-реагировать', что другие сказали сделать, но есть ошибка.

ОШИБКА в ./assets/components/UserPage/UserPageQuestion/UserPageQuestion.js Модуль не найден: Ошибка: не удается разрешить 'semantic-ui-реагировать' в 'C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ components \ UserPage \ UserPageQuestion' @ ./assets/components/UserPage/UserPageQuestion/UserPageQuestion.js 31: 0-67 91: 63-70 91: 98-104 93: 29-35 93: 76-81 95: 31-38 95: 66-72 98: 29-35 100: 42-47 @ ./assets/components/UserPage/index.js @ ./assets/components/UserPage/UserPage.js @ multi ./assets/components/UserPage/UserPage.js

package.json 

...

"dependencies": {
    ...
    "semantic-ui-css": "^2.3.3",
    "semantic-ui-react": "^0.82.4",
    ...
  }

...

UserPageQuestion.js 

import { Dimmer, Loader, Image, Segment } from 'semantic-ui-react'

import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.js';
import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.css';

const UserPageQuestion = () => {
     return (
          <Segment>
                 <Dimmer active>
                       <Loader>Loading</Loader>
                 </Dimmer>
                 <Image src='/images/wireframe/short-paragraph.png' />
          </Segment>
     )

}

В чем проблема ??

Ответы [ 2 ]

0 голосов
/ 30 сентября 2018

В вашем UserPageQuestion.js удалите следующие 2 imports: 

import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.js';
import '../../../../../static/cebula/Semantic-UI-CSS-master/semantic.min.css';

Просто включите минимизированный CSS-файл в ваш index.js файл:

import 'semantic-ui-css/semantic.min.css';

Источник: Семантическая документация по пользовательскому интерфейсу

0 голосов
/ 30 сентября 2018

Вы можете использовать следующее для решения вашей проблемы: 

export default UserPageQuestion
...