CustomAttribute ищет html

Я пытаюсь создать собственный атрибут в Aurelia на основе соглашения CustomAttribute. Однако, когда я пытаюсь использовать его в представлении, используя <import from='./shared/tr'></import>, aurelia пытается искать tr.html по тому же пути.

Что именно мне здесь не хватает?

EDIT: tr.js выглядит следующим образом:

import aur = require("aurelia-framework");

export class TrCustomAttribute {

    public element;
    static inject = [Element];

    constructor(element) {
        this.element = element;        
    }

    bind() {
       console.log(this.element);
    }

    valueChanged(newValue) {
        if (newValue) {
            console.log(newValue);
        }
        console.log(this.element);

    }
}

И я пытаюсь использовать атрибут, как показано ниже:

<import from='./shared/tr'></import>
<button class="btn btn-primary" tr="something"> Something </button>