Change name of controller, container, etc and it breaks, looks for old controller

I've created a controller and it gave the generic name "MyController1" name. I used that for a while and now I changed the name of the controller to something else, in this case, "MainController"

When I launch the preview, after saving, and building, it has Javascript errors for not being able to find the file but it references the old name.

HTML Code:

Uncaught Error: [Ext.Loader] Failed loading 'app/controller/MyController1.js', please verify that the file exists

My controller

Code:

Ext.define('APP.controller.MainController', {    extend: 'Ext.app.Controller',
    requires: [        'APP.controller.override.MainController'    ],
    config: {    }});

My Override:

Code:

Ext.define('APP.controller.override.MainController', {    
override: 'APP.controller.MainController',
    config: {        refs: {        },        control: {        }    }});

Change name of controller, container, etc and it breaks, looks for old controller