семантический пользовательский интерфейс реагирует __webpack_require __. я (...) не является функцией - PullRequest
0 голосов
/ 19 мая 2019

Я использую React Boilerplate версии 3.4.0 и при импорте компонентов из semantic-ui-реагирует, я получаю следующую ошибку:

Dynamic page loading failed TypeError: __webpack_require__.i(...) is not a function
    at new Button (Button.js:83)
    at eval (ReactCompositeComponent.js:295)
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:294)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:691)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:516)

Я импортирую компонент кнопки, используя

import { Button } from 'semantic-ui-react'

но меня больше всего удивляет то, что для некоторых компонентов импорт работает:

import { Grid } from 'semantic-ui-react'

работает.

Кроме того, когда я регистрирую компонент вне функции рендеринга:

console.log(<Button></Button>)

Я получаю соответствующий журнал:

{$$typeof: Symbol(react.element), type: ƒ, key: null, ref: null,
props: {…}, …}

1 Ответ

0 голосов
/ 19 мая 2019

Хорошо, значит, проблема решена (поиск одной ночи и 10 минут после публикации в StackOverflow, я нашел решение: p)

Я использовал семантическое взаимодействие пользователя с версией, совместимой с реакцией 16, а не с реакцией 15, которую я использовал.

Затем я понизил semantic-ui-реакции до версии 0.81.3, используя

yarn add semantic-ui-react@0.81.3
...