[christian.herzogParticipant]

I would think so, however I want to include it in the build process that create-react-app offers.

Steps taken:
create-react-app jqTest
npm install --save jquery
put the whole jqWidgets package into /src

App.js:

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import $ from 'jquery';
import "./jqwidgets/jqwidgets/jqxcore.js";
import "./jqwidgets/jqwidgets/jqxdatetimeinput.js";
import "./jqwidgets/jqwidgets/jqxcalendar.js";
import "./jqwidgets/jqwidgets/jqxtooltip.js";
import "./jqwidgets/jqwidgets/globalization/globalize.js";

import JqxDateTimeInput from "./jqwidgets/jqwidgets-react/react_jqxdatetimeinput.js";

class App extends Component {
  render() {
    return (
      <div className="App">
        jquery version:  {$.fn.jquery}<br/>
        <JqxDateTimeInput
                      width={300} height={25}
                  />
      </div>
    );
  }
}

export default App;

Error:

Failed to compile
./src/jqwidgets/jqwidgets/jqxcore.js
  Line 6:  'ActiveXObject' is not defined       no-undef
  Line 7:  Unexpected use of 'name'             no-restricted-globals
  Line 8:  'xhrOnUnloadAbort' is not defined    no-undef
  Line 8:  'xhrCallbacks' is not defined        no-undef
  Line 8:  'xhrId' is not defined               no-undef
  Line 8:  'xhrOnUnloadAbort' is not defined    no-undef
  Line 8:  'xhrCallbacks' is not defined        no-undef
  Line 8:  'xhrCallbacks' is not defined        no-undef
  Line 8:  'xhrOnUnloadAbort' is not defined    no-undef
  Line 8:  'xhrCallbacks' is not defined        no-undef
  Line 8:  'define' is not defined              no-undef
  Line 8:  'define' is not defined              no-undef
  Line 8:  'define' is not defined              no-undef
  Line 8:  'jqwidgets' is not defined           no-undef
  Line 8:  'MSApp' is not defined               no-undef
  Line 8:  'MSApp' is not defined               no-undef
  Line 8:  'jqxArgs' is not defined             no-undef
  Line 8:  'jqxArgs' is not defined             no-undef
  Line 8:  'jqwidgets' is not defined           no-undef
  Line 9:  'rinlinejQuery' is not defined       no-undef
  Line 9:  'i' is not defined                   no-undef
  Line 9:  'i' is not defined                   no-undef
  Line 9:  'prefix' is not defined              no-undef
  Line 9:  'i' is not defined                   no-undef
  Line 9:  'match' is not defined               no-undef
  Line 9:  'prefix' is not defined              no-undef
  Line 9:  'match' is not defined               no-undef
  Line 9:  'i' is not defined                   no-undef
  Line 9:  'DocumentTouch' is not defined       no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'initialOffset' is not defined       no-undef
  Line 9:  'initialXOffset' is not defined      no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xframe' is not defined              no-undef
  Line 9:  'xframe' is not defined              no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xv' is not defined                  no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xv' is not defined                  no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xframe' is not defined              no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'initialOffset' is not defined       no-undef
  Line 9:  'initialXOffset' is not defined      no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'initialOffset' is not defined       no-undef
  Line 9:  'initialOffset' is not defined       no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'xoffset' is not defined             no-undef
  Line 9:  'xdelta' is not defined              no-undef
  Line 9:  'initialXOffset' is not defined      no-undef
  Line 9:  'initialXOffset' is not defined      no-undef
  Line 9:  'touchHorizontalEnd' is not defined  no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xjqxAnimations' is not defined      no-undef
  Line 9:  'xoffset' is not defined             no-undef

Search for the keywords to learn more about each error.
This error occurred during the build time and cannot be dismissed.

Either I’m missing a file to include or the project setup is not compatible with jqwidgets? It would be a shame if there was no solution to that seeing that create-react-app is offered as “the best way to start building a new React single page application” in the official docs.

[Author]

Posts