多平台SwiftUI项目报错：找不到UIViewRepresentable与Context类型

问题详情 #

我创建了一个多平台App，添加了以下SwiftUI代码：

import SwiftUI
#if canImport(WebKit)
import WebKit
#endif

struct WebView: UIViewRepresentable {

    var url: URL

    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }

    func updateUIView(_ webView: WKWebView, context: Context) {
        let request = URLRequest(url: url)
        webView.load(request)
    }
}

运行后出现两个无法解决的错误：

• Cannot find type 'UIViewRepresentable' in scope
• Cannot find type 'Context' in scope

我已经清理过构建文件夹，项目最低部署目标如下：

希望代码能在以下Scheme中运行：

解决方案 #

这两个错误的核心原因是多平台App中若包含非UIKit平台（如watchOS），UIViewRepresentable仅在UIKit环境（iOS、macOS、tvOS）中可用，当前代码未做平台限定导致编译报错。

具体修复步骤： #

1. 限定WebView仅在UIKit平台编译
   将WebView结构体包裹在#if canImport(UIKit)条件块中，同时显式导入UIKit确保相关类型在作用域内：

   import SwiftUI
   #if canImport(WebKit) && canImport(UIKit)
   import WebKit
   import UIKit
   
   struct WebView: UIViewRepresentable {
       var url: URL
   
       func makeUIView(context: Context) -> WKWebView {
           return WKWebView()
       }
   
       func updateUIView(_ webView: WKWebView, context: Context) {
           let request = URLRequest(url: url)
           webView.load(request)
       }
   }
   #endif
   

2. 检查Scheme目标平台
   从Scheme截图来看，若当前Scheme包含watchOS等非UIKit平台，需单独为这些平台实现适配的WebView（比如watchOS用WKInterfaceObjectRepresentable桥接WKInterfaceWebView），或调整Scheme仅包含iOS/macOS等支持UIKit的平台。
3. 验证部署目标配置
   你的部署目标版本（iOS 16.0+、macOS 13.0+）已满足UIViewRepresentable的要求，只需确保各目标平台的部署目标配置一致即可。

内容的提问来源于stack exchange，提问作者ScottyBlades