Aurelia: Uncaught Error: doSomething не является функцией

Question

У меня проблемы с ОЧЕНЬ основным приложением Aurelia. При нажатии кнопки он говорит, что не находит функцию doSomething. Другие кнопки в других компонентах работают нормально. Ясно, что я делаю что-то принципиально неправильное здесь?

app.html:

<template> 
    <require from="bootstrap/css/bootstrap.css"></require> 
    <require from="./styles.css"></require> 
    <require from="./client/person-details.html"></require> 

    <person-details></person-details> 
</template> 

человек-details.html

<template> 
    <button click.delegate="doSomething()">clickey</button> 
</template> 

человеко-details.js

export class PersonDetails { 
    doSomething() { 
     console.log("Doing something"); 
    } 
} 

Answer 1

Вы в настоящее время только импортировать HTML из person-details тогда вам должен импортировать как часть JS, так и HTML (обычно это делается автоматически Aurelia, если вы не учитываете t он расширение файла).

<require from="./client/person-details.html"></require>

должен быть

<require from="./client/person-details"></require>