Проблема импорта ES6

Question

Я создаю одностраничную базу приложений на MVC, и я застрял с небольшой проблемой. Я экспортирую ссылку controller класс, и я импортирую его в нескольких местах, и он работает нормально, но когда я пытаюсь импортировать его в определенный файл, он не работает, я тратил много времени, но не мог понять это. Я уверен, что мне не хватает какой-то очевидной вещи. Вот мой код ( ссылка на репо для более подробной информации):

Контроллер ( фактический файл):

class Controller extends Base {
  constructor(){
    super()
    //more code
  }
  //more code
  static create() {
    return new Controller() // planning to make a singleton later on
  }
}
const controller = Controller.create()

export default controller

Модель (импорт работает в этом, Актуальный файл):

import controller from '$js/Controller'

export default class Model {
  ... Model code
  static fxn(){
    controller.controllerFunction()
  }
}

Файл утилит (импорт не работает в этом файле, фактический файл):

import controller from '$js/Controller'
export function someFunction(args) {
  const value = controller.get() // Throws an error saying `controller` is not defined
}

---

Вот ссылка на Github Repo. Пожалуйста, дайте мне знать, если вам нужно что-нибудь еще.