Aurelia UXをCordovaアプリケーションで使用する（iOS用にビルドできません）

Question

Aurelia CLI（v0.32, Typescript, Require.JS）+ Aurelia UX (v0.6.0)を使用してWebアプリケーションを構築しました。 Brett Nelson tipを使用して、私はCordova (v8.0.0)のためにこのweb-appを構築しています。私はそれだけアウレリアUXの依存関係を見て驚いた

：ブラウザプラットフォーム（cordova run browser）で実行しているとき、すべてが正常に動作しますが、IOSのために実行したときに、それが失敗した（cordova run ios）

ここ

はエラーです（coreを除く）が読み込まれません。 require.jsの問題、または依存関係の名前の@シンボルの問題が疑われます。ここで

は私が

main.tsファイルからそれらを呼び出す方法を、次に

aurelia.use 
    .standardConfiguration() 
    .plugin('aurelia-animator-css') 
    .plugin('@aurelia-ux/core') 
    .plugin('@aurelia-ux/form') 
    .plugin('@aurelia-ux/button') 
    .plugin('@aurelia-ux/input') 
    .plugin('@aurelia-ux/icons') 
    .plugin('@aurelia-ux/checkbox') 
    .plugin('@aurelia-ux/radio') 
    .plugin('@aurelia-ux/textarea') 
    .plugin('@aurelia-ux/datepicker') 
    .plugin('@aurelia-ux/chip-input') 

私はaurelia.json

{ 
    "name": "@aurelia-ux/core", 
    "path": "../node_modules/@aurelia-ux/core/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/button", 
    "path": "../node_modules/@aurelia-ux/button/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/input", 
    "path": "../node_modules/@aurelia-ux/input/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/icons", 
    "path": "../node_modules/@aurelia-ux/icons/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/form", 
    "path": "../node_modules/@aurelia-ux/form/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/checkbox", 
    "path": "../node_modules/@aurelia-ux/checkbox/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/radio", 
    "path": "../node_modules/@aurelia-ux/radio/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/datepicker", 
    "path": "../node_modules/@aurelia-ux/datepicker/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/textarea", 
    "path": "../node_modules/@aurelia-ux/textarea/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/chip-input", 
    "path": "../node_modules/@aurelia-ux/chip-input/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{css,html}" 
    ] 
}, 

に依存関係を宣言した方法で、どのように私はアウレリアUXの依存関係の問題を回避していますか？

Answer 1

この問題は、バンドルに含まれるリソースに起因します。バンドルをCordovaで正しく動作させるには、各プラグインに含まれるすべてのJSファイルへの参照を明示的に記述する必要があります。 aurelia.jsonの各プラグインのリソースキーは、"resources": ["**/*.{js,css,html}"]（js、）部分のようにする必要があります。

決勝aurelia.jsonファイル：サイドノートとして

{ 
    "name": "@aurelia-ux/core", 
    "path": "../node_modules/@aurelia-ux/core/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/button", 
    "path": "../node_modules/@aurelia-ux/button/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/input", 
    "path": "../node_modules/@aurelia-ux/input/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/icons", 
    "path": "../node_modules/@aurelia-ux/icons/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/form", 
    "path": "../node_modules/@aurelia-ux/form/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/checkbox", 
    "path": "../node_modules/@aurelia-ux/checkbox/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/radio", 
    "path": "../node_modules/@aurelia-ux/radio/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/datepicker", 
    "path": "../node_modules/@aurelia-ux/datepicker/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/textarea", 
    "path": "../node_modules/@aurelia-ux/textarea/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
}, 
{ 
    "name": "@aurelia-ux/chip-input", 
    "path": "../node_modules/@aurelia-ux/chip-input/dist/amd", 
    "main": "index", 
    "resources": [ 
    "**/*.{js,css,html}" 
    ] 
},