在 NativeScript 应用程序中加载本地 HTML/JavaScript/CSS

Question

对于使用 Angular 的 NativeScript iOS 和 Android 应用程序，我如何在 WebView 中加载本地存储的 html 文件，其中包含 JS 和CSS 参考资料？我能够显示 WebView，但我收到找不到文件的错误，因为我不知道从我的组件将 src 指向何处。

目前我在 src/assets 中有文件，其中有 index.html

在应用程序中是否有更合适的位置来存储这些文件？有没有比 WebView 更好的显示方式？如何引用此文件作为 WebView 的源？

我还需要知道如何引用应用程序下载的文件。 iOS 和 Android 在哪里存储从应用程序中下载的文件？我如何从我的 WebView 引用这些文件？

谢谢。

Answer 1

将本地JS/CSS/图片导入WebView时必须使用绝对路径。这里有一个Playground sample。与给定的示例不同，如果你想加载那些与应用程序一起打包的文件，只需使用应用程序目录而不是正确的文件路径。

Answer 2

我使用的路径如下：

src='~/assets/player.iframe.html'

并且在 webpack.config.js 我刚刚添加了

new CopyWebpackPlugin([
                { from: { glob: "assets/**" } },          <= Added this row
                { from: { glob: "fonts/**" } },
                { from: { glob: "**/*.jpg" } },
                ...

在 NativeScript 应用程序中加载本地 HTML/JavaScript/CSS

Load Local HTML/JavaScript/CSS Inside NativeScript App

android-webview

wkwebview

nativescript

angular2-nativescript

nativescript-angular