首页
/ WindowsAppSDK项目中解决WPF WebView2控件无法使用的问题

WindowsAppSDK项目中解决WPF WebView2控件无法使用的问题

2025-06-16 23:52:36作者:吴年前Myrtle

问题背景

在使用WindowsAppSDK开发WPF应用时,开发者可能会遇到一个常见问题:当项目中同时引用了WindowsAppSDK和WebView2控件时,XAML解析器会报错提示"WebView2标签不存在"。这是由于WindowsAppSDK默认启用了C#/WinRT投影机制,与WPF版本的WebView2控件产生了冲突。

问题现象

具体表现为在XAML中使用WebView2控件时出现编译错误:

error MC3074: The tag 'WebView2' does not exist in XML namespace 'clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf'

解决方案

要解决这个问题,需要在项目文件中添加一个特殊的属性设置:

<PropertyGroup>
    <WebView2EnableCsWinRTProjection>false</WebView2EnableCsWinRTProjection>
</PropertyGroup>

这个设置会禁用WindowsAppSDK对WebView2的C#/WinRT投影支持,从而允许WPF版本的WebView2控件正常工作。

完整项目配置示例

以下是包含正确配置的完整项目文件示例:

<Project Sdk="Microsoft.NET.Sdk">
  <PropertyGroup>
    <OutputType>WinExe</OutputType>
    <TargetFramework>net6.0-windows10.0.19041.0</TargetFramework>
    <RuntimeIdentifiers>win-x86;win-x64;win-arm64</RuntimeIdentifiers>
    <!-- 关键配置:禁用C#/WinRT投影以支持WPF WebView2 -->
    <WebView2EnableCsWinRTProjection>false</WebView2EnableCsWinRTProjection>
    <Nullable>enable</Nullable>
    <UseWPF>true</UseWPF>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Microsoft.Web.WebView2" Version="1.0.3124.44" />
    <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.7.250310001" />
  </ItemGroup>
</Project>

技术原理

WindowsAppSDK默认会启用对WebView2的C#/WinRT投影支持,这是为了提供更好的WinRT互操作性。然而,WPF版本的WebView2控件使用的是传统的COM互操作方式,两者之间存在兼容性问题。通过设置WebView2EnableCsWinRTProjection为false,我们告诉WindowsAppSDK不要尝试使用C#/WinRT投影来处理WebView2,而是让WPF使用它原生的COM互操作机制。

注意事项

  1. 此解决方案适用于同时使用WindowsAppSDK和WPF WebView2控件的场景
  2. 确保项目中已经正确引用了Microsoft.Web.WebView2 NuGet包
  3. 如果项目中不需要WindowsAppSDK的其他功能,也可以考虑移除WindowsAppSDK引用作为替代方案
  4. 此问题主要出现在.NET 6及更高版本的项目中

总结

在WPF项目中同时使用WindowsAppSDK和WebView2控件时,通过设置WebView2EnableCsWinRTProjection属性可以解决两者之间的兼容性问题。这个简单的配置更改可以让开发者充分利用WindowsAppSDK的其他功能,同时保持WebView2控件的正常工作。

登录后查看全文
热门项目推荐
相关项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
32
16
pytorchpytorch
Ascend Extension for PyTorch
Python
746
927
flutter_flutterflutter_flutter
本仓库是 Flutter SDK 与 Flutter Engine 的 OpenHarmony 适配版本,由 CPF-Flutter 团队维护。开发者可使用熟悉的 Flutter 技术栈开发 OpenHarmony 应用,3.35.7 及以后的适配版本可基于本仓库源码构建支持 OpenHarmony 的 Flutter Engine。
Dart
1.02 K
267
docsdocs
暂无描述
Dockerfile
771
5.03 K
ops-transformerops-transformer
本项目是CANN提供的transformer类大模型算子库,实现网络在NPU上加速计算。
C++
867
1.97 K
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
70
22
atomcodeatomcode
Claude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get Started
Rust
1.94 K
202
ops-nnops-nn
本项目是CANN提供的神经网络类计算算子库,实现网络在NPU上加速计算。
C++
694
1.36 K
kernelkernel
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
465
456
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
C
458
5.25 K