코르도바 응용 프로그램에서 Aurelia UX 사용 (iOS 용 빌드 실패)

Question

Aurelia CLI (v0.32, Typescript, Require.JS) + Aurelia UX (v0.6.0)을 사용하여 웹 응용 프로그램을 빌드했습니다. Brett Nelson tip을 사용하여 Cordova (v8.0.0)에 대한이 웹 앱을 제작하고 있습니다. 내가 만 아우렐 리아 UX 종속성을보고 놀랐어요

: 브라우저 플랫폼 (cordova run browser)에서 실행할 때 모든 것이 잘 작동하지만, IOS에 대한 실행시 실패 (cordova run ios)

다음

오류입니다 (core 제외)가로드되지 않습니다. require.js 또는 종속성 이름 @ 기호로 인해 문제가 의심됩니다. 여기

내가 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}" 
    ] 
}, 

의 종속성을 선언했습니다 그리고 나는 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') 

가 어떻게 아우렐 리아 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}" 
    ] 
},