Как справляться с jQWidgets и запросами API при разработке веб-интерфейса с React и серверной части с Express, а также после объединения всего этого с помощью Webpack? - PullRequest
Новая
       23

Как справляться с jQWidgets и запросами API при разработке веб-интерфейса с React и серверной части с Express, а также после объединения всего этого с помощью Webpack?

0 голосов
/ 05 апреля 2019

Я следую этому руководству, чтобы разработать приложение с возможностью отправлять запросы API от внешнего интерфейса (приложение React) к внутреннему (экспресс) с помощью Axios или Fetch API https://hackernoon.com/full-stack-web-application-using-react-node-js-express-and-webpack-97dbd5b9d708

Это руководство довольно хорошои почти удовлетворил все мои потребности, кроме одной.Я хочу использовать некоторые компоненты из "JQWidgets".

Поэтому, когда я добавляю пакет npm "jqwidgets-scripts" в package.json 

"jqwidgets-scripts": "~6.0.5"

и просто импортирую один компонент 

import JqxButton from "jqwidgets-scripts/jqwidgets-react/react_jqxbuttons";

Я получаю сообщение об ошибке 

./node_modules/jqwidgets-scripts/jqwidgets-react/react_jqxbuttons.js 217:12
Module parse failed: Unexpected token (217:12)
You may need an appropriate loader to handle this file type.
|         this.componentSelector = '#' + id;
|         return (
>             <div id={id}>{this.props.value}{this.props.children}</div>
|         )
|     };

Я также пытался достичь цели, используя официальное руководство по разработке с использованием инструментов, включающих React, Express, Webpack и JQWidgets с этой страницы https://www.jqwidgets.com/reactjs-components-documentation/documentation/webpack_react/index.htm

И все работает, кроме возможности отправки запросов API.

Итак, как скомпилировать обе конфигурации для использования JQWidgets и запросов API для серверной части?

...