Build Failed; UXAML0001: The type {using:Uno.Toolkit.UI}AutoLayout could not be found when using Figma Exported XAML #11251

elibroftw · 2023-02-08T17:40:25Z

elibroftw
Feb 8, 2023

I have the following xaml

LoginPage.xaml

<Page xmlns:uen="using:Uno.Extensions.Navigation.UI" xmlns:uer="using:Uno.Extensions.Reactive.UI" xmlns:utu="using:Uno.Toolkit.UI" xmlns:muxc="using:Microsoft.UI.Xaml.Controls" xmlns:um="using:Uno.Material.UI" 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="using:SplitTheTankApp" x:Class="SplitTheTankApp.LoginPage" mc:Ignorable="d" Background="{ThemeResource BackgroundBrush}" utu:StatusBar.Foreground="Auto" utu:StatusBar.Background="{ThemeResource SurfaceBrush}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Page.Resources>
        <x:String x:Key="Icon_Add">F1 M 12 6.857142857142857 L 6.857142857142857 6.857142857142857 L 6.857142857142857 12 L 5.142857142857142 12 L 5.142857142857142 6.857142857142857 L 0 6.857142857142857 L 0 5.142857142857142 L 5.142857142857142 5.142857142857142 L 5.142857142857142 0 L 6.857142857142857 0 L 6.857142857142857 5.142857142857142 L 12 5.142857142857142 L 12 6.857142857142857 Z</x:String>
        <x:String x:Key="Icon_Mail">F1 M 18 0 L 2 0 C 0.8999999761581421 0 0.009999990463256836 0.8999999761581421 0.009999990463256836 2 L 0 14 C 0 15.100000023841858 0.8999999761581421 16 2 16 L 18 16 C 19.100000023841858 16 20 15.100000023841858 20 14 L 20 2 C 20 0.8999999761581421 19.100000023841858 0 18 0 Z M 18 4 L 10 9 L 2 4 L 2 2 L 10 7 L 18 2 L 18 4 Z</x:String>
    </Page.Resources>
    <utu:AutoLayout Background="{ThemeResource SurfaceBrush}">
        <utu:AutoLayout Spacing="58" PrimaryAxisAlignment="Center" utu:AutoLayout.PrimaryAlignment="Stretch">
            <TextBlock Text="Split The Tank" utu:AutoLayout.CounterAlignment="Center" Foreground="{ThemeResource OnSurfaceBrush}" Style="{StaticResource DisplayMedium}" />
            <TextBox utu:AutoLayout.CounterAlignment="Center" Width="328" PlaceholderText="email" Style="{StaticResource OutlinedTextBoxStyle}">
                <um:ControlExtensions.Icon>
                    <PathIcon Data="{StaticResource Icon_Mail}" />
                </um:ControlExtensions.Icon>
            </TextBox>
            <Button Background="{ThemeResource SurfaceBrush}" Content="Request Login / Sign Up" utu:AutoLayout.CounterAlignment="Center" Style="{StaticResource ElevatedButtonStyle}">
                <um:ControlExtensions.Icon>
                    <PathIcon Data="{StaticResource Icon_Add}" />
                </um:ControlExtensions.Icon>
            </Button>
        </utu:AutoLayout>
    </utu:AutoLayout>
</Page>

But when trying to compile my app (Mobile only), I get the following Build errors:

Errors

Severity	Code	Description	Project	File	Line	Suppression State
Error	UXAML0001	Processing failed for file C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml (Uno.UI.SourceGenerators.XamlGenerator.XamlParsingException: An error was found in Page ---> System.InvalidOperationException: The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1	
Error	CS1061	'LoginPage' does not contain a definition for 'InitializeComponent' and no accessible extension method 'InitializeComponent' accepting a first argument of type 'LoginPage' could be found (are you missing a using directive or an assembly reference?)	SplitTheTankApp (net7.0)	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml.cs	24	N/A
Error	CS1061	'MainPage' does not contain a definition for 'InitializeComponent' and no accessible extension method 'InitializeComponent' accepting a first argument of type 'MainPage' could be found (are you missing a using directive or an assembly reference?)	SplitTheTankApp (net7.0)	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\MainPage.xaml.cs	24	N/A
Error	UXAML0001	The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1	
Error	UXAML0001	An error was found in Page	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml	1	
Error	UXAML0001	Processing failed for file C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml (Uno.UI.SourceGenerators.XamlGenerator.XamlParsingException: An error was found in Page ---> System.InvalidOperationException: The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1	
Error	UXAML0001	The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1	
Error	UXAML0001	An error was found in Page	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml	1	
Error	UXAML0001	The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1	
Error	UXAML0001	An error was found in Page	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml	1	
Error	UXAML0001	Processing failed for file C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\LoginPage.xaml (Uno.UI.SourceGenerators.XamlGenerator.XamlParsingException: An error was found in Page ---> System.InvalidOperationException: The type {using:Uno.Toolkit.UI}AutoLayout could not be found	SplitTheTankApp	C:\Users\maste\Documents\GitHub\SplitTheTankApp\SplitTheTankApp\SplitTheTankApp\CSC	1

I have the following in my AppHead.xaml

               <!-- Load Uno.Material and Uno.Toolkit.UI resources -->
                <MaterialColors xmlns="using:Uno.Material" />
                <MaterialFonts xmlns="using:Uno.Material" />
                <MaterialResources xmlns="using:Uno.Material" />
                <MaterialToolkitResources xmlns="using:Uno.Toolkit.UI.Material" />
                <ToolkitResources xmlns="using:Uno.Toolkit.UI" />

And here is my csproject for the Mobile platform

XXXXApp.Mobile.csproject

<Project Sdk="Microsoft.NET.Sdk">
  <PropertyGroup>
		<TargetFrameworks>net7.0-android</TargetFrameworks>
		<TargetFrameworks>$(TargetFrameworks);net7.0-ios</TargetFrameworks>




  	</PropertyGroup>
  <PropertyGroup>
    <SingleProject>true</SingleProject>
    <OutputType>Exe</OutputType>
    <!-- Display name -->
    <ApplicationTitle>SplitTheTankApp</ApplicationTitle>
    <!-- App Identifier -->
    <ApplicationId>com.companyname.SplitTheTankApp</ApplicationId>
    <ApplicationIdGuid>d8ed27c5-603e-4726-967e-e090cf83bb71</ApplicationIdGuid>
    <!-- Versions -->
    <ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
    <ApplicationVersion>1</ApplicationVersion>
    <IsUnoHead>true</IsUnoHead>
    <SupportedOSPlatformVersion Condition="'$(TargetFramework)' == 'net7.0-ios'">14.2</SupportedOSPlatformVersion>
    <SupportedOSPlatformVersion Condition="'$(TargetFramework)' == 'net7.0-maccatalyst'">14.0</SupportedOSPlatformVersion>
    <SupportedOSPlatformVersion Condition="'$(TargetFramework)' == 'net7.0-android'">21.0</SupportedOSPlatformVersion>
    <SupportedOSPlatformVersion Condition="'$(TargetFramework)'=='net7.0-macos'">10.14</SupportedOSPlatformVersion>
  </PropertyGroup>
  <PropertyGroup Condition="'$(RuntimeIdentifier)'==''">
    <!-- Default values for command line builds -->
    <RuntimeIdentifier Condition="'$(TargetFramework)' == 'net7.0-ios'">iossimulator-x64</RuntimeIdentifier>
    <RuntimeIdentifier Condition="'$(TargetFramework)' == 'net7.0-maccatalyst'">maccatalyst-x64</RuntimeIdentifier>
    <RuntimeIdentifier Condition="'$(TargetFramework)' == 'net7.0-macos'">osx-x64</RuntimeIdentifier>
  </PropertyGroup>
  <ItemGroup>
    <PackageReference Include="Uno.Extensions.Navigation.Toolkit.WinUI" Version="2.2.0" />
    <PackageReference Include="Uno.Extensions.Navigation.WinUI" Version="2.2.0" />
    <PackageReference Include="Uno.Extensions.Reactive.WinUI" Version="2.2.0" />
    <PackageReference Include="Uno.Material.WinUI" Version="2.4.1" />
    <PackageReference Include="Uno.Microsoft.Toolkit" Version="7.1.11" />
    <PackageReference Include="Uno.Toolkit.WinUI" Version="2.4.2" />
    <PackageReference Include="Uno.Toolkit.WinUI.Material" Version="2.4.2" />
    <PackageReference Include="Uno.WinUI" Version="4.7.37" />
    <PackageReference Include="Uno.WinUI.RemoteControl" Version="4.7.37" Condition="'$(Configuration)'=='Debug'" />
    <PackageReference Include="Uno.UI.Adapter.Microsoft.Extensions.Logging" Version="4.7.37" />
    <PackageReference Include="Microsoft.Extensions.Logging.Console" Version="7.0.0" />
    <PackageReference Include="Uno.WinUI.Lottie" Version="4.7.37" />
  </ItemGroup>
  <Choose>
    <When Condition="'$(TargetFramework)'=='net7.0-android'">
      <PropertyGroup Condition="'$(Configuration)'=='Release'">
        <!-- Workaround for .NET Android issue https://github.com/xamarin/xamarin-android/issues/7736 -->
        <RuntimeIdentifier>android-arm64</RuntimeIdentifier>
      </PropertyGroup>
	  <ItemGroup Condition="'$(TargetFramework)'=='net7.0-android'">
	  	<PackageReference Include="Xamarin.Google.Android.Material" Version="1.7.0.2" />
	  </ItemGroup>
	  <ItemGroup>
	  	<PackageReference Include="Uno.UniversalImageLoader" Version="1.9.36" />
      </ItemGroup>
      <ItemGroup>
        <AndroidEnvironment Include="Android/environment.conf" />
      </ItemGroup>
    </When>
    <When Condition="'$(TargetFramework)'=='net7.0-ios'">
      <PropertyGroup Condition="'$(TargetFramework)'=='net7.0-ios'">
        <MtouchExtraArgs>$(MtouchExtraArgs) --setenv=MONO_GC_PARAMS=soft-heap-limit=512m,nursery-size=64m,evacuation-threshold=66,major=marksweep,concurrent-sweep</MtouchExtraArgs>
        <!-- See https://github.com/unoplatform/uno/issues/9430 for more details. -->
        <MtouchExtraArgs>$(MtouchExtraArgs) --registrar:static</MtouchExtraArgs>
        <!-- https://github.com/xamarin/xamarin-macios/issues/14812 -->
        <MtouchExtraArgs>$(MtouchExtraArgs) --marshal-objectivec-exceptions:disable</MtouchExtraArgs>
      </PropertyGroup>
      <ItemGroup>
        <PackageReference Include="Uno.Extensions.Logging.OSLog" Version="1.4.0" />
      </ItemGroup>
    </When>
    <When Condition="'$(TargetFramework)'=='net7.0-maccatalyst'">
      <PropertyGroup>
        <!-- Configure the GC -->
        <MtouchExtraArgs>$(MtouchExtraArgs) --setenv=MONO_GC_PARAMS=soft-heap-limit=512m,nursery-size=64m,evacuation-threshold=66,major=marksweep,concurrent-sweep</MtouchExtraArgs>
        <!-- Required for unknown crash as of .NET 6 Mobile Preview 13 -->
        <MtouchExtraArgs>$(MtouchExtraArgs) --registrar:static</MtouchExtraArgs>
        <!-- https://github.com/xamarin/xamarin-macios/issues/14812 -->
        <MtouchExtraArgs>$(MtouchExtraArgs) --marshal-objectivec-exceptions:disable</MtouchExtraArgs>
        <!-- Full globalization is required for Uno -->
        <InvariantGlobalization>false</InvariantGlobalization>
      </PropertyGroup>
      <ItemGroup>
        <PackageReference Include="Uno.Extensions.Logging.OSLog" Version="1.4.0" />
      </ItemGroup>
    </When>


	</Choose>
  <ItemGroup>
    <ProjectReference Include="..\SplitTheTankApp\SplitTheTankApp.csproj" />
  </ItemGroup>
  <Import Project="..\SplitTheTankApp.Base\base.props" />
</Project>

Answered by elibroftw

Feb 11, 2023

The material and toolkit packages do not need to be installed per project head, only for the class library project.
Install the following packages to the class library project (right click the project, then click Manage NuGet Packages):

View full answer

jeromelaban · 2023-02-08T18:12:44Z

jeromelaban
Feb 8, 2023
Maintainer

Thanks for the report. Is your application building? We're working with Microsoft to get the other intellisense errors fixed.

12 replies

jeromelaban Feb 9, 2023
Maintainer

Just the class library, .NET will take care of transitively include the reference.

elibroftw Feb 9, 2023
Author

I was able to reduce the errors down to

AppHead.xaml

<local:App
	x:Class="SplitTheTankApp.AppHead"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SplitTheTankApp">
	
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
                
                <!-- Load Uno.Material resources -->
                <MaterialColors xmlns="using:Uno.Material" />
                <MaterialFonts xmlns="using:Uno.Material" />
                <MaterialResources xmlns="using:Uno.Material" />
                <!-- Load Uno.Toolkit.UI resources -->
                <ToolkitResources xmlns="using:Uno.Toolkit.UI" />
                <MaterialToolkitResources xmlns="using:Uno.Toolkit.UI.Material" />

                <ResourceDictionary Source="ms-appx:///SplitTheTankApp/AppResources.xaml" />
				
                <!-- Include additional resource dictionaries here, or in SplitTheTankApp/AppResources.xaml -->				
			</ResourceDictionary.MergedDictionaries>
			
			<!-- Include additional resources here, or in SplitTheTankApp/AppResources.xaml -->
        </ResourceDictionary>
    </Application.Resources>

</local:App>

elibroftw Feb 11, 2023
Author

ping. Any ideas on how to go about fixing this? For reference, this is the contents of LoginPage.xaml (without this page, the project compiles)

LoginPage.xaml

<Page xmlns:uen="using:Uno.Extensions.Navigation.UI" xmlns:uer="using:Uno.Extensions.Reactive.UI" xmlns:utu="using:Uno.Toolkit.UI" xmlns:muxc="using:Microsoft.UI.Xaml.Controls" xmlns:um="using:Uno.Material.UI" 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="using:SplitTheTankApp" x:Class="SplitTheTankApp.LoginPage" mc:Ignorable="d" Background="{ThemeResource BackgroundBrush}" utu:StatusBar.Foreground="Auto" utu:StatusBar.Background="{ThemeResource SurfaceBrush}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Page.Resources>
        <x:String x:Key="Icon_Add">F1 M 12 6.857142857142857 L 6.857142857142857 6.857142857142857 L 6.857142857142857 12 L 5.142857142857142 12 L 5.142857142857142 6.857142857142857 L 0 6.857142857142857 L 0 5.142857142857142 L 5.142857142857142 5.142857142857142 L 5.142857142857142 0 L 6.857142857142857 0 L 6.857142857142857 5.142857142857142 L 12 5.142857142857142 L 12 6.857142857142857 Z</x:String>
        <x:String x:Key="Icon_Mail">F1 M 18 0 L 2 0 C 0.8999999761581421 0 0.009999990463256836 0.8999999761581421 0.009999990463256836 2 L 0 14 C 0 15.100000023841858 0.8999999761581421 16 2 16 L 18 16 C 19.100000023841858 16 20 15.100000023841858 20 14 L 20 2 C 20 0.8999999761581421 19.100000023841858 0 18 0 Z M 18 4 L 10 9 L 2 4 L 2 2 L 10 7 L 18 2 L 18 4 Z</x:String>
    </Page.Resources>
    <utu:AutoLayout Background="{ThemeResource SurfaceBrush}">
        <utu:AutoLayout Spacing="58" PrimaryAxisAlignment="Center" utu:AutoLayout.PrimaryAlignment="Stretch">
            <TextBlock Text="Split The Tank" utu:AutoLayout.CounterAlignment="Center" Foreground="{ThemeResource OnSurfaceBrush}" Style="{StaticResource DisplayMedium}" />
            <TextBox utu:AutoLayout.CounterAlignment="Center" Width="328" PlaceholderText="email" Style="{StaticResource OutlinedTextBoxStyle}">
                <um:ControlExtensions.Icon>
                    <PathIcon Data="{StaticResource Icon_Mail}" />
                </um:ControlExtensions.Icon>
            </TextBox>
            <Button Background="{ThemeResource SurfaceBrush}" Content="Request Login / Sign Up" utu:AutoLayout.CounterAlignment="Center" Style="{StaticResource ElevatedButtonStyle}">
                <um:ControlExtensions.Icon>
                    <PathIcon Data="{StaticResource Icon_Add}" />
                </um:ControlExtensions.Icon>
            </Button>
        </utu:AutoLayout>
    </utu:AutoLayout>
</Page>

elibroftw Feb 11, 2023
Author

Nvm, the uno.toolkit had somehow been uninstalled from the library project, but I installed it and the app can be built now. Thanks guys.

kazo0 Feb 11, 2023
Maintainer

Happy that it's working! I'm currently updating our docs to cover installing the Toolkit for the new project template.

Let me know if you have any more questions!

elibroftw · 2023-02-11T00:17:26Z

elibroftw
Feb 11, 2023
Author

The material and toolkit packages do not need to be installed per project head, only for the class library project.
Install the following packages to the class library project (right click the project, then click Manage NuGet Packages):

0 replies

Build Failed; UXAML0001: The type {using:Uno.Toolkit.UI}AutoLayout could not be found when using Figma Exported XAML #11251

Uh oh!

Uh oh!

elibroftw Feb 8, 2023

Replies: 2 comments · 12 replies

Uh oh!

jeromelaban Feb 8, 2023 Maintainer

Uh oh!

jeromelaban Feb 9, 2023 Maintainer

Uh oh!

Uh oh!

elibroftw Feb 9, 2023 Author

Uh oh!

Uh oh!

elibroftw Feb 11, 2023 Author

Uh oh!

elibroftw Feb 11, 2023 Author

Uh oh!

kazo0 Feb 11, 2023 Maintainer

Uh oh!

Uh oh!

elibroftw Feb 11, 2023 Author

elibroftw
Feb 8, 2023

Replies: 2 comments 12 replies

jeromelaban
Feb 8, 2023
Maintainer

jeromelaban Feb 9, 2023
Maintainer

elibroftw Feb 9, 2023
Author

elibroftw Feb 11, 2023
Author

elibroftw Feb 11, 2023
Author

kazo0 Feb 11, 2023
Maintainer

elibroftw
Feb 11, 2023
Author