1
내 iPhone에서 Cordova 내부에서 실행되는 간단한 JavaScript 응용 프로그램을 얻으려고합니다. 프로젝트는 시뮬레이터 내에서 완벽하게 작동하지만 휴대 전화에서 실행할 때 이상한 화면을 표시합니다.코르도바 WKWebView 흰색 화면
<widget
id="com.landonschropp.tictactoe"
version="1.0.0"
xmlns="http://www.w3.org/ns/widgets"
xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Tic-Tac-Toe</name>
<description>An awesome little tic-tac-toe game.</description>
<author email="[email protected]" href="https://landonschropp.com">Landon Schropp</author>
<content src="http://localhost:8080" />
<access origin="*" />
<allow-navigation href="http://localhost:8080/*" />
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<plugin name="cordova-plugin-statusbar" spec="^2.2.3" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.2" />
<plugin
name="cordova-plugin-wkwebview-engine"
spec="git+https://github.com/driftyco/cordova-plugin-wkwebview-engine.git" />
<engine name="ios" spec="^4.4.0" />
</widget>
내 package.json 파일 :
{
"name": "tic_tac_toe",
"description": "A simple tic-tac-toe game",
"dependencies": {
"axios": "^0.16.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-2": "^6.24.1",
"cheerio": "^0.22.0",
"cordova": "^7.0.0",
"cordova-ios": "^4.4.0",
"cordova-plugin-statusbar": "^2.2.3",
"cordova-plugin-whitelist": "^1.3.2",
"cordova-plugin-wkwebview-engine": "git+https://github.com/driftyco/cordova-plugin-wkwebview-engine.git",
"gulp": "^3.9.1",
"gulp-connect": "^5.0.0",
"gulp-file-cache": "^0.0.1",
"gulp-sass": "^3.1.0",
"gulp-sass-glob": "^1.0.8",
"gulp-transform": "^1.1.0",
"gulp-util": "^3.0.8",
"gulp-watch": "^4.3.11",
"lodash": "^4.17.4",
"phaser": "^2.6.2",
"rollup": "^0.41.6",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^8.0.2",
"rollup-plugin-json": "^2.1.1",
"rollup-plugin-node-resolve": "^3.0.0",
"rollup-stream": "^1.19.0",
"run-sequence": "^1.2.2",
"vinyl-source-stream": "^1.1.0"
},
"devDependencies": {
"babel-register": "^6.24.1",
"chai": "^3.5.0",
"del": "^2.2.2",
"eslint": "^3.19.0",
"mocha": "^3.2.0"
},
"cordova": {
"platforms": [
"ios"
],
"plugins": {
"cordova-plugin-whitelist": {},
"cordova-plugin-wkwebview-engine": {},
"cordova-plugin-statusbar": {}
}
}
}
구축하고 응용 프로그램을 실행하려면, 나는 다음을 수행하십시오
을여기 내 config.xml 파일의
yarn install나는 다음과 같은 화면을 볼 수 내 휴대 전화에서 응용 프로그램 실행시
cordova platform add ioscordova run ios현재
이 : 언급 dymv으로
도움이된다면 https://github.com/LandonSchropp/tic_tac_toe의 전체 레포 링크입니다. – LandonSchropp
Landon, http : // localhost : 8080 꽤 의심스러워 보입니다. 휴대 전화에서 연결 가능한 것이 확실합니까? 당신이 맥에 서버를 가지고 있다면 어쩌면 그것의 전화를 연결할 수 있도록 Mac의 IP 주소를 지정할 가치가있다. (물론 같은 네트워크에있는 전화와 맥의 경우) – dymv
@dymv 나는'cordova- plugin-wkwebview-engine' 플러그인이 아이폰에 로컬 서버를 돌렸다. 그렇지 않습니까? – LandonSchropp