title: Store Not binding data to View in Extjs 6 modern
body: <p>I am just creating a simple list example in modern area of the extjs 6.0.2 app, i crated the model, store and the view. After assigning the store to the list component it shows nothing to me in the view however i followed the instructions of Sencha docs.</p>
  
  <p>Model => Task.js</p>
  
  <pre><code>Ext.define('NewsApp.model.Task', {
  extend: 'Ext.data.Model',
  xtype:'Task',
  
  fields: [
      { name: 'label',     type: 'string' },
      { name: 'done',      type: 'boolean', defaultValue:false }
  ]});
  </code></pre>
  
  <p>Store => Tasks.js</p>
  
  <pre><code>Ext.define('NewsApp.store.Tasks', {
  extend: 'Ext.data.Store',
  
  requires:[
      'NewsApp.model.Task'
  ],
  
  alias: 'store.tasks',
  
  model: 'NewsApp.model.Task',
  
  data : [
      {label: 'Make the bed'},
      {label: 'Go to Masjed'},
      {label: 'Take out the trash'},
      {label: 'Take Kids out'},
      {label: 'Go shopping'}
  ]});
  </code></pre>
  
  <p>View => about.js</p>
  
  <pre><code>Ext.define('NewsApp.view.about.About', {
  extend: 'Ext.Panel',
  
  requires: [
      'NewsApp.view.about.AboutController',
      'NewsApp.store.MobileOS',
      'Ext.dataview.List',
      'NewsApp.store.Tasks'
  ],
  xtype: 'About',
  controller: 'about',
  fullscreen: true,
  layout: 'vbox',
  items: [
      {
          xtype: 'list',
          itemTpl: '&lt;div class="todo-item"&gt;{label}&lt;/div&gt;',
          store: 'NewsApp.store.Tasks',
          items: []
      }
  ]});
  </code></pre>
  
  <p>i also noticed a warning in the console while running tells me </p>
  
  <blockquote>
    <p>[WARN] The specified Store cannot be found</p>
  </blockquote>
  
  <p>and i am sure i wrote the store name correctly in the list config.</p>