Build error when I add jqxWindow control

[nepalmerParticipant]

Hi,
I’m trying to test using the jqxWindow control. I pulled the sample code from your site and I’m trying add that code to one of my test projects. When I add the new code in and try and compile I get this error:

Compiled with problems:

ERROR in ./node_modules/jqwidgets-scripts/jqwidgets-react-tsx/jqxwindow/react_jqxwindow.esm.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\Development\reponew\app\node_modules\jqwidgets-scripts\jqwidgets-react-tsx\jqxwindow\react_jqxwindow.esm.js: Identifier ‘jqxcore’ has already been declared. (4:12)

2 | import * as jqxbuttons from ‘../../jqwidgets/jqxbuttons’;
3 | import * as jqxwindow from ‘../../jqwidgets/jqxwindow’;
> 4 | import * as jqxcore from ‘../../jqwidgets/jqxcore’;
| ^
5 | import * as jqxbuttons from ‘../../jqwidgets/jqxbuttons’;
6 | import * as jqxwindow from ‘../../jqwidgets/jqxwindow’;
7 | import * as jqxcore from ‘../../jqwidgets/jqxcore’;

My imports look like this

import ‘jqwidgets-scripts/jqwidgets/styles/jqx.office.css’;

import JqxButton, { IButtonProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxbuttons’;
import JqxButtonGroup, { IButtonGroupProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxbuttongroup’;

import JqxSplitter, { ISplitterProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxsplitter’;
import JqxTree, { ITreeProps, jqx } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxtree’;

import JqxComboBox, { IComboBoxProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxcombobox’;
import JqxCheckBox, { ICheckBoxProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxcheckbox’;
import JqxDropDownList, { IDropDownListProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxdropdownlist’;
import JqxNotification, { INotificationProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxnotification’;
import JqxTooltip from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxtooltip’;
import JqxNumberInput from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxnumberinput’;
import JqxInput, { IInputProps } from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxinput’;

import { SearchBox, ISearchBoxStyles, ISearchBoxProps } from ‘@fluentui/react/lib/SearchBox’;
import JqxListBox from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxlistbox’;

import JqxWindow from ‘jqwidgets-scripts/jqwidgets-react-tsx/jqxwindow’;

I’ve tried moving the jqxWindow window import around but nothing short of remving the jqxWindow code makes the project compile.

Can you help me figrue this out?

Thanks in advance

[svetoslav_borislavovParticipant]

Hi,

Can you share your component here, please?
Also, may you update to the latest version?
The following component compiles and works:

import * as React from “react”;

import “jqwidgets-scripts/jqwidgets/styles/jqx.office.css”;

import JqxButton, {
IButtonProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxbuttons”;
import JqxButtonGroup, {
IButtonGroupProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxbuttongroup”;

import JqxSplitter, {
ISplitterProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxsplitter”;
import JqxTree, {
ITreeProps,
jqx,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxtree”;

import JqxComboBox, {
IComboBoxProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxcombobox”;
import JqxCheckBox, {
ICheckBoxProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxcheckbox”;
import JqxDropDownList, {
IDropDownListProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxdropdownlist”;
import JqxNotification, {
INotificationProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxnotification”;
import JqxTooltip from “jqwidgets-scripts/jqwidgets-react-tsx/jqxtooltip”;
import JqxNumberInput from “jqwidgets-scripts/jqwidgets-react-tsx/jqxnumberinput”;
import JqxInput, {
IInputProps,
} from “jqwidgets-scripts/jqwidgets-react-tsx/jqxinput”;

import JqxListBox from “jqwidgets-scripts/jqwidgets-react-tsx/jqxlistbox”;

import JqxWindow from “jqwidgets-scripts/jqwidgets-react-tsx/jqxwindow”;

const App = () => {
const myWindow = React.createRef<JqxWindow>();
return (
<>
{/* @ts-ignore */}
<JqxWindow
ref={myWindow}
width={500}
height={300}
minWidth={200}
maxWidth={700}
minHeight={200}
maxHeight={400}
showCollapseButton={true}
>
<div>Hi</div>
</JqxWindow>
</>
);
};

export default App;

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[nepalmerParticipant]

Hi,
I checked the version I was running and I got this

+– jqwidgets-scripts@15.0.0

So I updated to version 17.0 and after doing that the error went away.

Thanks for your help

[svetoslav_borislavovParticipant]

Hi,

Thank you for the update!
If you have any questions, do not hesitate to contact us!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts