コンタクトマネージャチュートリアルでのAureliaアプリケーションの起動問題

Question

私はコンタクトマネージャチュートリアルを行っています。ルータを追加すると、アプリケーションが動作しなくなります。どんなヒントもありがとう。 bootstrap.cssを読み込む際に問題があるようです。これは、クロームのデバッグウィンドウから出力された：

DEBUG [aurelia] Loading plugin aurelia-templating-binding. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-templating-binding. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin aurelia-templating-resources. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-templating-resources. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin aurelia-event-aggregator. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-event-aggregator. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin aurelia-history-browser. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-history-browser. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin aurelia-templating-router. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-templating-router. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin resources/index. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin resources/index. vendor-bundle.js:13902 

DEBUG [aurelia] Loading plugin aurelia-testing. vendor-bundle.js:13902 

DEBUG [aurelia] Configured plugin aurelia-testing. vendor-bundle.js:13902 

DEBUG [templating] importing resources for aurelia-templating-resources/compose [] vendor-bundle.js:13902 

DEBUG [templating] importing resources for aurelia-templating-router/router-view [] vendor-bundle.js:13912 

INFO [aurelia] Aurelia Started vendor-bundle.js:13902 

DEBUG [templating] importing resources for app.html ["bootstrap/css/bootstrap.css", "styles.css"] vendor-bundle.js:4834 

Uncaught TypeError: plugin.load is not a function 

at Module.<anonymous> (vendor-bundle.js:4834) 

at vendor-bundle.js:3873 

at on (vendor-bundle.js:4256) 

at Module.callPlugin (vendor-bundle.js:4694) 

at Module.fetch (vendor-bundle.js:4563) 

at Module.check (vendor-bundle.js:4595) 

at Module.enable (vendor-bundle.js:4915) 

at Object.enable (vendor-bundle.js:5296) 

at Module.<anonymous> (vendor-bundle.js:4900) 

at vendor-bundle.js:3873 

at each (vendor-bundle.js:3798) 

at Module.enable (vendor-bundle.js:4852) 

at Module.init (vendor-bundle.js:4527) 

at vendor-bundle.js:5199 

Answer 1

ときほとんどの場合、このエラーが表示されます：あなたは、CSSファイルまたは（SVGなどの）別のテキストベースのファイルをロードしようとしている

• このCSSファイル/他のテキストベースのファイルを
• stubプロパティがtrue

01に設定されているバンドルに含まれていません

2つのうちの1つを実行して、バンドルにCSSファイルを含めたり、stubプロパティをfalseに設定したりできます。これはbootstrap.cssファイルをバンドルするCLIをトリガすべき

{ 
    "name": "bootstrap", 
    "path": "../node_modules/bootstrap/dist", 
    "main": "js/bootstrap.min", 
    "deps": ["jquery"], 
    "exports": "$", 
    "resources": [ 
    "css/bootstrap.css" 
    ] 
} 

：

私はaurelia.jsonにあなたがresourcesプロパティを設定することを意味し、かつてのをお勧めします。 stubプロパティをfalseに設定した場合、RequireJSはバンドルの外にbootstrap.cssファイルを取得します（別の要求が行われる）。