Question

本机脚本：WebView 界面插件无法找到本地资源

2022-02-01

457

webview nativescript nativescript-plugin

我在 nativescript 8 中将 webViewInterface 插件与 webpack v5 结合使用，我试图启动本地下载的文件，例如视频、音频、HTML 文件

我能够下载这些文件，但是在借助 webview 运行该文件时，我得到了

file not found

chromium: [INFO:CONSOLE(1)] "Uncaught TypeError: Cannot read property '_onNativeEvent' of undefined", source: chrome-error://chromewebdata/

在 NativeScript 中，默认情况下，波浪符号 (~) 标记应用程序根文件夹（请注意，是应用程序而不是项目！）。因此，如果我的文件位于 <project-name>/app/index.html ，那么我需要设置像这样的路径 ~/index.html 。

这在 natviescript v6 上运行良好，但升级到 nativescript v8 后就坏了。

有人可以帮忙吗？？？

Answer 1

好的，我似乎遇到了同样的问题。就我而言，当我从 nativescript 7 迁移到 8 时，webpack.config.ts 被清理了。其中有一些有用的东西可以复制我所有的 webview 文件。

我向 webpack.config.js 添加了一些代码，现在似乎可以正常工作了 “src”是包含我的 webview 文件夹的文件夹。

const webpack = require("@nativescript/webpack");

module.exports = (env) => {
webpack.init(env);


webpack.Utils.addCopyRule({
    from: 'webviews/**',
    context : 'src'
})

return webpack.resolveConfig();

};

我使用的文档。

NS 8 : https://docs.nativescript.org/webpack.html#adding-a-copy-rule

以前使用的插件： https://webpack.js.org/plugins/copy-webpack-plugin/

Answer 2

在 iOS 上，应用文件夹是只读的（至少在真实设备上是这样的，在模拟器上不一定如此）。您需要将文件下载到临时文件夹或文档文件夹，然后从那里访问。

作为参考，请参阅我自己遇到的这个问题。