Nativescript + iOS webview + 本地文件

Question

我目前正在开发一个简单的应用程序，它有一个使用网络视图的 HTML 部分。

内容在 app/www 文件夹中，我从 "home.ts" 组件访问它们，在 HTML

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

这个文件使用了一些图片，一些 JS 和一些 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"
  }
}

Answer 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

Nativescript + iOS webview + 本地文件

Nativescript + iOS webview + local files

ios

webview

nativescript

local-files