Reactjs: ReferenceError: кендо не определено

Question

Я использую kendo-ui в своем реактивном проекте. Код для импорта и использования компонента меню приведен ниже:

import React from 'react';
import { Menu, MenuItem } from '@progress/kendo-layout-react-wrapper';

const AppHeader = () => {
    return (
        <Menu>
            <MenuItem>
                Test Item
            </MenuItem>
        </Menu>
    )
}

export default AppHeader; 

Прекрасно компилируется, но при рендеринге выдает следующую ошибку:

ReferenceError: kendo is not defined
Menu../node_modules/@progress/kendo-layout-react-wrapper/dist/es/menu/menu.js.Menu.componentDidMount
E:/projects/eucerin/node_modules/@progress/kendo-layout-react-wrapper/dist/es/menu/menu.js:31
  28 | Menu.prototype.componentDidMount = function () {
  29 |     var domNode = ReactDOM.findDOMNode(this);
  30 |     var _a = this.props, children = _a.children, widgetRef = _a.widgetRef, props = __rest(_a, ["children", "widgetRef"]);
> 31 |     this.widgetInstance = new kendo.ui.Menu(domNode, props);
  32 |     _super.prototype.componentDidMount.call(this);
  33 | };
  34 | Menu.prototype.componentWillReceiveProps = function (nextProps) {

Я думаю, что мне здесь не хватает зависимости. Может кто-нибудь, пожалуйста, дайте мне знать?

Спасибо

Answer 1

У меня была такая же проблема. По какой-то причине мне пришлось импортировать кендо следующим образом:

import from '@progress/kendo-ui';

Надеюсь, это поможет.

Answer 2

Я думаю, что вам не хватает зависимости peer (@ progress / kendo-ui) .

Введите npm install --save @progress/kendo-ui в папке вашего проекта и снова скомпилируйте ваш веб-интерфейс, чтобы посмотреть, исправит ли он ошибку.

Источник документации

Answer 3

У меня была похожая проблема, и я задавал вопросы Реагирует Kendo UI TreeView выдает «Кендо не определено»

Я нашел решение на примере плунжера KendoUI Пример TreeView

Инструкция Kendo UI:

Dependencies
The TreeView package requires you to install the following peer dependencies in your application:

• @ прогресс / кендо-щ

Мы должны установить его, но этого недостаточно. Команда KendoUI явно импортировала @progress/kendo-ui в коде:

import kendo from '@progress/kendo-ui';

Надеюсь, это поможет.

Answer 4

Из источника вам также понадобится 1 базовая зависимость для использования kendo-layout-react-wrapper:

@progress/kendo-base-component-react-wrapper

Чтобы установить и сохранить как зависимость, используйте:

npm install --save @progress/kendo-base-component-react-wrapper