2017-06-12 3 views
3

私は現在、webviewを使用するHTMLセクションを持つシンプルなアプリケーションで作業しています。Nativescript + iOS webview +ローカルファイル

内容はアプリ/ WWWフォルダにある、と私はHTML

<GridLayout 
    class="main-layout" 
    columns="*" 
    rows="*" 
> 
    <WebView 
     src="~/www/index.html" 
     class="web-view" 
     col="0" 
     id="wv" 
     row="0" 
    ></WebView> 
</GridLayout> 

このファイルには、いくつかの画像を使用して、いくつかのJSでこのようなもので、「home.ts」コンポーネントからそれらにアクセスし、いくつかのCSS。

Androidではうまく動作しますが、iOSではうまく動作しません。ああ、それはiOSエミュレータで正常に動作しますが、実際のデバイスでは動作しません(私は現在、これらのものをテストするためのiOS 9 iPod touchを持っています)。

私は正しいキーをInfo.plistに設定しました(URLはhttps://www.google.comとして動作します)。私は変なことをしていないと思います。

これは、それがローカルページの既知のバグです私のpackage.json

{ 
    "description": "WebView App", 
    "license": "LicenseRef-LICENSE", 
    "readme": "README", 
    "nativescript": { 
    "id": "com.app.name" 
    }, 
    "dependencies": { 
    "@angular/animations": "~4.1.0", 
    "@angular/common": "~4.1.0", 
    "@angular/compiler": "~4.1.0", 
    "@angular/core": "~4.1.0", 
    "@angular/forms": "~4.1.0", 
    "@angular/http": "~4.1.0", 
    "@angular/platform-browser": "~4.1.0", 
    "@angular/router": "~4.1.0", 
    "nativescript-angular": "~3.0.0", 
    "nativescript-theme-core": "~1.0.2", 
    "reflect-metadata": "~0.1.8", 
    "rxjs": "~5.3.0", 
    "tns-core-modules": "^3.0.1", 
    "zone.js": "~0.8.2" 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "~4.1.0", 
    "babel-traverse": "6.24.1", 
    "babel-types": "6.24.1", 
    "babylon": "6.17.1", 
    "copy-webpack-plugin": "~4.0.1", 
    "lazy": "1.0.11", 
    "nativescript-css-loader": "~0.26.0", 
    "nativescript-dev-typescript": "~0.4.0", 
    "raw-loader": "~0.5.1", 
    "resolve-url-loader": "~2.0.2", 
    "tns-platform-declarations": "^3.0.0-rc.2", 
    "typescript": "~2.2.1" 
    } 
} 

答えて

1

で、それは〜は、あなたのコード内でSRCを変更し、把握する必要があり ファイルシステムの面で何を意味するのかを決定することはできません〜を参照してください。

import * as fs from "tns-core-modules/file-system"; 
public webViewSRC: string = encodeURI(`${fs.knownFolders.currentApp().path}/www/index.html`); 

この問題を参照してください:

https://github.com/NativeScript/NativeScript/issues/4443

を使用して

関連する問題