WKWebView iOS 链接 Javascript 文件

Question

我无法从 UIViewRepresentable WKWebView 中运行 javascript 文件。 这可能是一个简单的问题和一个简单的答案，但我似乎无法弄清楚。 我是 Swift 和 iOS 编程的新手。

我想从传递给 WKWebView 的 UIViewRepresentable 的 HTML 字符串中链接到 javascript 文件。 据我所知，Javascript 没有运行。

内容视图：

import SwiftUI

struct ContentView: View {
    var body: some View {
        let HTMLString =
            """
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width">
            <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
            <script>var formula = document.getElementById('formula');formula.style.color="#FF0000"</script>
            <p id="formula" style="font-size: 35px;">
                      \\[A = P(1+r)^t\\]
            </p>
            <script src="change-color.js"></script>
            """
        HTMLView(htmlString: HTMLString).frame(width: .infinity, height: 80)
    }
}

这是js文件：

var formula = document.getElementById('formula');
formula.style.color="#FF0000";

HTML 视图：

import SwiftUI
import WebKit

struct HTMLView: UIViewRepresentable {
    
    let htmlString: String
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.scrollView.isScrollEnabled = false
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.loadHTMLString(htmlString, baseURL: nil)
    }
}

目录和文件：

Answer 1

尝试添加Bundle.main.bundleURL并将更改change-color文件名更改为change-color.js 。

uiView.loadHTMLString(htmlString, baseURL: Bundle.main.bundleURL)