This section lists core errors and warnings that may occur in DevExtreme applications.
An internal error that occurs when a method has no implementation.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when a member name collision is detected.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when you instantiate a class without using the "new" keyword.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when a component's NAME property is not specified.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
Occurs when the device on which the current application is running is not in the list of known devices.
Accepted devices are the following: "iPhone", "iPhone5", "iPad", "iPhone6", "iPhone6plus", "iPad", "iPadMini", "androidPhone", "androidTablet", "msSurface", and "desktop".
Occurs when requesting a Url by the key that is not defined within the EndpointSelector's configuration object.
Check to make sure that the EndpointSelector key of the required URL is included into the configuration object.
An internal error that occurs when the "invalidate" method is called outside the update transaction.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when an action cannot be created because the type of the passed property name is not string.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when a component is not initialized for this element.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
Occurs when the "from"/"to" configuration property of a slide animation is not a plain object.
The "from" and "to" properties should be objects with the following structure: from and to.
Occurs when an unknown animation type is requested.
Accepted animation types are described in the documentation.
Occurs when using an old version of the jQuery library.
Please use jQuery version 1.10.0 or greater.
Occurs when using an old version of the Knockout library.
Please use Knockout version 2.3.0 or greater.
An internal error that occurs when the 'release' method is called for an unlocked Lock object.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when a queued task returns an unexpected result.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
An internal error that occurs when a namespace for an event is not defined.
To solve the issue, please submit a ticket to our Support Center. Include your UI component configuration, fake data, and the steps needed to reproduce the issue in the ticket.
Occurs when a module with the Popup UI component is not linked.
Include a reference to the dx.module-widgets-base.js or dx.module-widgets-web.js script to your application.
Occurs when an unsupported template engine is set.
Occurs when an unknown theme is set.
Refer to the current(themeName) method description to learn which theme names are acceptable.
Occurs when the LINK[rel=dx-theme] tags go before DevExtreme scripts.
For details, refer to the Predefined Themes article.
Occurs when a name is not specified for a dxTemplate markup component.
Specify a name using the name configuration property of the dxTemplate component.
Occurs if a DevExtreme bundle is linked more than once on a single page.
Occurs when an invalid argument is passed to a method.
Check that all arguments are of an appropriate type.
Occurs when an unknown validation rule type is used.
The predefined validation rule types are listed in the Validation Rules Reference section.
Occurs when either the min or max property is not specified for the 'range' rule.
The value of the min/max property must not be null or undefined.
Occurs when the comparisonTarget property is not specified for the 'compare' rule.
The value of the comparisonTarget property must be specified so that 'compare' rule can be checked.
Occurs when a default adapter cannot be initialized for the target editor.
Occurs in drop-down lists when the customItem field of the onCustomItemCreating function's parameter is not set.
Assign a custom item to the customItem field of the onCustomItemCreating function's parameter.
Appears when a deprecated component is detected in an application.
Use the component that is suggested instead.
Appears when a deprecated property is detected in an application.
Use the property that is suggested instead.
Appears when a deprecated method is detected in an application.
Use the method that is suggested instead.
Appears when a deprecated field is detected in an application.
Use the field that is suggested instead.
Appears when the timeout that was set to load a theme is over.
To resolve this, do the following.
current matches one of the predefined theme names.For details on themes, refer to the Predefined Themes article.
Appears when a deprecated event is detected in an application.
Use the event that is suggested instead.
Appears when the Globalize culture script is not referenced on the application page.
To resolve this, do the following.
Appears if an array passed to the views property of the Scheduler UI component contains an invalid view type.
Correct the view type or delete it.
Occurs if the timeZone property of the Scheduler UI component holds an invalid value.
Occurs if the application uses a deprecated theme.
Refer to the Predefined Themes guide for the list of current themes.
Occurs if number parsing is invoked without a defined parser.
Add the parser field to the format object or use a predefined format.
Occurs if date parsing is invoked without a defined parser.
Add the parser field to the format object or use a predefined format.
Occurs if one of the deprecated files (dx.web.de.js, dx.mobile.de.js, dx.all.de.js, etc.) is used. Use the dx.messages.xx.js file instead.
Occurs if a property is set to a deprecated value type. Set the property to the type of value suggested in the warning message.
Occurs if a function returns a value instead of assigning it to the parameter field.
In the function's declaration, replace the return statement with a command that assigns the value to the suggested field.
Occurs if a deprecated value is assigned to a property.
Replace the deprecated value with the suggested one in the configuration.
Occurs if a component's width, height, or similar properties have a value of the function type.
If you need to specify a component's height or width and make the component's size responsive, use viewport units instead of a function. The most simple replacement is the following:
// Before v21.2
width: function() {
return window.innerWidth / 2;
}
// Since v21.2
width: '50vw'
If you used a function for more complex calculations, replace it with the native CSS calc() function as follows:
// Before v21.2
height: function() {
return window.innerHeight / 2 + 100;
}
<!-- Since v21.2 -->
#elementSelector {
height: calc(50vh + 100px);
}
Occurs if a component's position property has a value of the function type.
If your function returned different position values based on a condition, specify the position value before displaying the component to achieve the same effect:
jQueryBefore v21.2:
$(function() {
$("#popupContainer").dxPopup({
position: function() {
return someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
}
});
});
Since v21.2:
$(function() {
const popup = $("#popupContainer").dxPopup({
// ...
}).dxPopup("instance");
function showPopup (newPosition) {
popup.option("position", newPosition);
popup.show();
}
showPopup(someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" });
}); Angular
Before v21.2:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
popupPositionFunction() {
return someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
}
}
<dx-popup ...
[position]="popupPositionFunction">
</dx-popup>
Since v21.2:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
isPopupVisible: boolean = false;
popupPosition = undefined;
constructor() {
this.showPopup = this.showPopup.bind(this);
}
showPopup() {
this.popupPosition = someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
this.isPopupVisible = true;
}
}
<dx-popup ...
[position]="popupPosition"
[(visible)]="isPopupVisible">
</dx-popup> Vue
Before v21.2:
<template>
<DxPopup ...
:position="popupPositionFunction">
</DxPopup>
</template>
<script>
import 'devextreme/dist/css/dx.light.css';
import DxPopup from 'devextreme-vue/popup';
export default {
components: {
DxPopup
},
data() {
return {
// ...
}
},
methods: {
popupPositionFunction() {
return someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
}
}
}
</script>
Since v21.2:
<template>
<DxPopup ...
:position="popupPosition"
v-model:visible="isPopupVisible">
</DxPopup>
</template>
<script>
import 'devextreme/dist/css/dx.light.css';
import DxPopup from 'devextreme-vue/popup';
export default {
components: {
DxPopup
},
data() {
return {
popupPosition: undefined,
isPopupVisible: false
}
},
methods: {
showPopup() {
this.popupPosition = someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
this.isPopupVisible = true;
}
}
}
</script> React
Before v21.2:
import React, { useCallback } from 'react';
import 'devextreme/dist/css/dx.light.css';
import Popup from 'devextreme-react/popup';
export default function App() {
const popupPositionFunction = useCallback(() => {
return someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
}, []);
return (
<Popup ...
position={popupPositionFunction}>
</Popup>
);
}
Since v21.2:
import React, { useCallback, useState } from 'react';
import 'devextreme/dist/css/dx.light.css';
import Popup from 'devextreme-react/popup';
export default function App() {
const [popupPosition, setPopupPosition] = useState(undefined);
const [isPopupVisible, setIsPopupVisible] = useState(false);
const showPopup = useCallback(() => {
setPopupPosition(someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" });
setIsPopupVisible(true);
}, []);
const handleOptionChange = useCallback((e) => {
if (e.name === 'visible') {
setIsPopupVisible(e.value)
}
}, []);
return (
<Popup ...
onOptionChanged={handleOptionChange}
position={popupPosition}
visible={isPopupVisible}>
</Popup>
);
}
If your function always returned the same position value, simply assign this value to the position property:
jQuery$(function() {
$("#popupContainer").dxPopup({
// Before v21.2
position: function() {
return { my: "top", at: "top" };
},
// Since v21.2
position: { my: "top", at: "top" }
});
}); Angular
Before v21.2:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
// Before v21.2
popupPosition() {
return { my: "top", at: "top" };
}
// Since v21.2
popupPosition = { my: "top", at: "top" };
} Vue
Before v21.2:
<template>
<DxPopup ...
:position="popupPosition">
</DxPopup>
</template>
<script>
import 'devextreme/dist/css/dx.light.css';
import DxPopup from 'devextreme-vue/popup';
export default {
components: {
DxPopup
},
methods: {
// Before v21.2
popupPosition() {
return someCondition ? { my: "top", at: "top" } : { my: "bottom", at: "bottom" };
}
},
data() {
return {
// Since v21.2
popupPosition: { my: "top", at: "top" }
}
}
}
</script> React
Before v21.2:
import React, { useCallback } from 'react';
import 'devextreme/dist/css/dx.light.css';
import Popup from 'devextreme-react/popup';
// Since v21.2
const popupPosition = { my: "top", at: "top" };
export default function App() {
// Before v21.2
const popupPosition = useCallback(() => {
return { my: "top", at: "top" };
}, []);
return (
<Popup ...
position={popupPosition}>
</Popup>
);
}
Appears when a valid DevExtreme license key cannot be found.
If you are using a trial version, you must uninstall all copies of DevExtreme once your 30-day trial period expires. For licensing-related information, please refer to the DevExtreme End User License Agreement.
To continue using DevExtreme in a commercial project, you must purchase a license. For pricing/licensing options, please visit the DevExtreme Purchase page. If you have licensing-related questions or need help with a purchase, please email clientservices@devexpress.com. We will be happy to follow-up.
For more information on DevExtreme licensing-related questions, please refer to the following help topic: Licensing.
Appears when a DevExtreme license key does not match the version of DevExtreme used within a project.
To proceed, you can:
Use the DevExtreme version linked to your license key (visit the DevExpress Download Manager to view a list of licensed versions).
Renew your DevExpress Subscription (once you renew your subscription, you will receive a new DevExtreme license key and will be entitled to product updates/support services as defined in the DevExtreme End User License Agreement).
If you have licensing-related questions or need help with a renewal, please email clientservices@devexpress.com. We will be happy to assist you.
For more information on DevExtreme licensing-related questions, please refer to the following help topic: Licensing.
Appears when the license key verification fails.
To avoid this error, please specify the correct DevExtreme license key in GlobalConfig. If you continue to encounter the error, visit the DevExpress Download Manager to obtain a valid key.
If you have a valid license key and this problem persists, please submit a support ticket via the DevExpress Support Center.
For more information on DevExtreme licensing-related questions, please refer to the following help topic: Licensing.
Appears if the version of DevExtreme used within a project is marked as pre-release software (pre-release software is not suitable for production use as it may contain deficiencies/bugs).
For more information on DevExtreme licensing-related questions, please refer to the following help topic: Licensing.
Appears if the devextreme package version does not match other DevExpress product versions used in the application.
To avoid this warning, ensure your minor devextreme package version is the same as other DevExpress products listed in the console message.
For example, you can get the following packages in your warning:
devextreme: 24.1.3 DevExtreme.AspNet.Core: 24.1.4
In this case, upgrade the devextreme package or downgrade DevExtreme.AspNet.Core so both versions are either 24.1.3 or 24.1.4.
Appears if the DevExtreme .NET license key is entered instead of a DevExtreme key.
To remove this warning, enter the correct DevExtreme (React, Angular, Vue, JS) license key.
For more information on DevExtreme licensing-related questions, refer to the following help topic: Licensing.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4