Reactive UI 开始使用令人信服的示例是行不通的

Question

我这样做了很多次，但现在它确实起作用了。

我按照这个例子： https://www.reactiveui.net/docs/handbook/routing/

我有我的MainWindow.xaml.cs

using ReactiveUI;

namespace KardexTerminal_WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : ReactiveWindow<MainViewModel>
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

MainWindow.xaml

<rxui:ReactiveWindow x:Class="KardexTerminal_WPF.MainWindow"
         xmlns:rxui="https://reactiveui.net" 
        x:TypeArguments="local:MainViewModel"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:KardexTerminal_WPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

    </Grid>
</rxui:ReactiveWindow>

主视图模型：

using ReactiveUI;

namespace KardexTerminal_WPF
{
    public class MainViewModel : ReactiveObject, IScreen
    {
        public MainViewModel()
        {
            Router = new RoutingState();
        }

        public RoutingState Router { get; }
    }
}

如文档所建议的那样简单。这是一个全新的项目，只安装了 ReactiveUI 和 ReactiveUI.WPF 包。

但我收到了这些错误：

如果有人知道问题出在哪里，我很乐意提供任何帮助。

编辑 1：如果我实现 IViewFor，那么它就可以工作。

我已经尝试过关于视图用户控件的评论中的建议：

<rxui:ReactiveUserControl x:Class="KardexTerminal_WPF.Views.LoginView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:KardexTerminal_WPF.Views"
             mc:Ignorable="d" 
             xmlns:vm="clr-namespace:KardexTerminal.ViewModels;assembly=KardexTerminal"
             x:TypeArguments="vm:LoginViewModel"
             xmlns:rxui="https://reactiveui.net"
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
            
    </Grid>
</rxui:ReactiveUserControl>

namespace KardexTerminal_WPF.Views
{
    /// <summary>
    /// Interaction logic for LoginView.xaml
    /// </summary>
    public partial class LoginView
    {
        public LoginView()
        {
            InitializeComponent();
        }
    }
}

但这会导致这些错误，我不确定哪里出了问题：

我正在使用这些软件包：

编辑 2： @mm8 下面的回答有助于使程序编译。 ReactiveUI 有错误的文档，应该修复： https://www.reactiveui.net/docs/handbook/routing/

但是仍然有错误，我似乎无法摆脱。我将在 GitHub issue 继续进行。

Answer 1

我在使用 ReactiveUserControl class 时遇到了类似的问题。我找到了 2 个解决方法

1) 为继承自 ReactiveWindow 的 window 创建基础 class，而不是让 MainWindow 继承自 class

 public class MainWindowBase : ReactiveWindow<MainViewModel> { }

 /// <summary>
 /// Interaction logic for MainWindow.xaml
 /// </summary>
 public partial class MainWindow 
 { 
        public MainWindow()
        {
            InitializeComponent();
        }
}

比你的xaml

<local:MainWindowBase x:Class="YourNameSpace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:YourNameSpace"
        mc:Ignorable="d"
        Title="" Height="600" Width="1000" >

2)手动实现IViewFor<T>

public partial class MainWindow : Window, IViewFor<MainViewModel>
    {
        public static readonly DependencyProperty ViewModelProperty = DependencyProperty.Register("ViewModel", typeof(MainViewModel), typeof(MainWindow));

        public MainViewModel ViewModel
        {
            get { return (MainViewModel)GetValue(ViewModelProperty); }
            set { SetValue(ViewModelProperty, value); }
        }

        object IViewFor.ViewModel
        {
            get => ViewModel;
            set => ViewModel = (MainViewModel)value;
        }


        public MainWindow()
        {
            InitializeComponent();
        }
       }

编辑：根据 Glenn Watson 的评论，我更新了答案，但为了完整起见，我将在此处添加在处理 UWP 时有用的先前答案

public class MainWindowBase : ReactiveWindow<MainViewModel> { }

 /// <summary>
 /// Interaction logic for MainWindow.xaml
 /// </summary>
 public partial class MainWindow :MainWindowBase 
 { 
        public MainWindow()
        {
            InitializeComponent();
        }
}

Answer 2

命名空间是 http://reactiveui.net（而不是 https://...）:

xmlns:rxui="http://reactiveui.net"

除此之外，您的代码隐藏 class 应该继承自 ReactiveUserControl<LoginViewModel>，因为这是您在 XAML 标记中指定的基础 class：

public partial class LoginView : ReactiveUserControl<LoginViewModel>
{
    public LoginView()
    {
        InitializeComponent();
    }
}

Reactive UI 开始使用令人信服的示例是行不通的

Reactive UI Getting started with compelling example wont work

c#

wpf

reactiveui