Q:

How to include Ext.ux.LiveSearchGridPanel in Sencha ExtJS v6?

While executing sencha app watch We are getting the following exception:

[ERR] Failed to resolve dependency Ext.ux.LiveSearchGridPanel for file myapp.vie
  w.staticData.StaticDataGrid
  [ERR]
  [ERR] BUILD FAILED
  [ERR] com.sencha.exceptions.ExNotFound: Unknown definition for dependency : Ext.
  ux.LiveSearchGridPanel
  [ERR]   at sun.reflect.Native
  [ERR] MethodAccessorImpl.invoke(Unknown Source)

We have tried to hardcode the path where this extension is located via the paths attribute in Application configuration as is suggested in the following stack overflow answers: How do you include a UX class in the MVC pattern? but nothing worked. Perhaps we have misunderstood how to configure the path in the loader as it is not something we have needed in the past.
Note: we are using the latest Sencha Cmd version v6.0.2.14 and the latest ExtJS v6.0.1
Any ideas are welcome

A:

The Ext.ux namespace is being moved from the examples/ux/ directory in Ext JS 4.x to the ux package in Ext JS 6.x. Therefore, in your app.json you need to require the ux package so that Cmd will include it, you'll need to use sencha app watch, sencha app refresh or sencha app build to regenerate the bootstrap data that hold information like file location for classes. Then you should be able to require/extend Ext.ux.LiveSearchGridPanel.
Inside app.json you should change this:
"requires": [
  "font-awesome"
],

into this:
"requires": [
  "font-awesome",
  "ux"
],

