Aurelia: Özel öğeler çıktıları beklendiği gibi göstermez. Tarayıcı js dosyasını yüklemiyor.

Question

Aurelia ile özel öğeler tasarlamaya çalışıyorum ancak aynı sorunla tekrar tekrar çalışıyorum: tarayıcı, bileşenin html dosyasını yükler, ancak kardeşi js dosyasını yüklemez. Es2016 başlangıç ​​kiti 1.0.0-beta.1.2.0, jspm 0.16.15 ve npm 2.11.2

Özellikle kullanıyorum (çok) basit örneği düşünün. bileşenidir (beklendiği gibi) testi denir ve HTML ve JS dosyaları aşağıdaki gibi, sırasıyla:

test.html:

<template> 
<div>Name: ${name}</div>` 
</template>` 

test.js

import {bindable} from 'aurelia-framework'; 
export class Test { 
@bindable name = ""; 
} 

bileşenidir dosya app.html ve tesisin adının değerinden denilen aşağıda, app.js ayarlanır:

app.html:

<template> 
<require from="bootstrap/css/bootstrap.css"></require> 
<require from="./test.html"></require> 

<div class="page-host"> 
     <test name.bind="name"></test> 
</div> 
</template> 

app.js:

export class Welcome { 
    name = 'My Test'; 
} 

çalıştırmak için yerel sunucuyu aldıktan sonra, çıkış basitçe:

Adı:

beklenen çıkışı iken: Adı: My testi.

Ne farkettim: 1) Kaynaklara gidersem google chrome'un geliştirme araçlarındaki klasör bozukluğu, aşağıdaki dosyaları yükledim: app.html; app.js ve test.html. Yani, test.js sadece orada görünmüyor. 2) sanki altında bir yazma test.html:

<template bindable="name"> 
<div>Name: ${name}</div> 
</template> 

beklediğim çıkışı: Adı: My Testi Ben oldukça bilemiyorum gerçekten saçma şey eksik gerektiğini

. Neler olabileceğine dair ipuçları var mı? Txs

Answer 1

Sen ithalat sonunda .html eklemek yalnızca html dosyasını yüklemek için yükleyici anlatıyorsun -

<require from="./test"></require> 

- Bu şekilde o kaldırmak gerekir

<require from="./test.html"></require>