在 IOS 应用程序中从设备本地加载 HTML、JS、CSS 包无法正常工作

Question

如何通过单击按钮将使用 Ionic 开发的移动网站加载到现有的 iOS 应用程序中？我遇到一个问题，即 WebView 无法与设备捆绑包上本地存储的文件正常运行。似乎只有 URL 可以与 WebView 配合使用。

我遇到了 WebView 的问题，本地存储的文件，特别是来自 Ionic 的 React（下一个静态导出）包，无法正确加载。虽然带有 JS 脚本的简单 HTML 页面可以工作，但 React 包无法加载。我的目标是实现 ionic 在具有本地文件的 WebView 中工作的相同功能。所以我可以将其创建为 Pod 以将其安装在现有的 IOS 应用程序中。

import UIKit
import WebKit

class ViewController: UIViewController {

    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Create a WKWebView
        webView = WKWebView(frame: view.bounds)
        webView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        
        // Add the WKWebView to the view hierarchy
        view.addSubview(webView)
        
        if let path = Bundle.main.path(forResource: "index", ofType: "html", inDirectory: "out") {
                webView.load( URLRequest(url: URL(fileURLWithPath: path)) )
            }
    }
}

文件夹结构：

有人对如何在这种情况下使本地捆绑包与 WebView 一起使用有见解或建议吗？任何帮助将不胜感激。

Answer 1

你不知道。您使用 Ionic Portals 来实现此功能。