Solução de problemas de associações blazor móveis

Importante

Este projeto é uma versão experimental. Esperamos que você experimente associações de blazor móveis experimentais e forneça comentários em https://github.com/xamarin/MobileBlazorBindings.

Tentando executar no iOS, recebendo o erro "sem chave de assinatura de código do iOS"

Se você optar por executar o projeto do iOS, poderá receber um erro indicando que não há chaves de assinatura de código do iOS. Isso pode significar que você está tentando implantar em um dispositivo iOS físico (como um iPhone), mas sem a configuração certa. Se você pretende usar o Simulador do iOS, a plataforma de destino do iPhoneSimulator será selecionada.

O aplicativo híbrido não mostra o conteúdo da interface do usuário da Web HTML

O conteúdo da interface do usuário da Web HTML não exibido pode ser causado por vários motivos. Verifique cada uma delas em seu aplicativo:

1. Verifique se há incompatibilidade de versão do navegador. A interface do usuário da Web é mostrada em um componente do navegador hospedado dentro do aplicativo nativo. O componente do navegador pode depender dos navegadores da Web instalados no dispositivo.

   Para WPF (Windows), verifique se você tem canário do Microsoft Edge . Esta versão do Microsoft Edge é instalada lado a lado com outras instalações do Microsoft Edge.

2. Verifique se há erros de script no componente do navegador. Verifique a depuração de aplicativos híbridos tópico para saber como verificar se há erros de script do navegador.

3. Verifique se o projeto específico da plataforma chama o método WebViewBlazorHybridInit apropriado (algumas variações podem ser esperadas):

   • Android: no arquivo MainActivity.csOnCreate chamada de método BlazorHybridAndroid.Init():

        protected override void OnCreate(Bundle savedInstanceState)
        {
            Microsoft.MobileBlazorBindings.WebView.Android.BlazorHybridAndroid.Init();
        ...
          ```
     
     

   • iOS: no arquivo Main.csMain chamada de método BlazorHybridIOS.Init():

        static void Main(string[] args)
        {
            Microsoft.MobileBlazorBindings.WebView.iOS.BlazorHybridIOS.Init();
            ...
     

   • Windows: No arquivo App.csMainWindowBlazorHybridWindows.Init()de chamada do construtor:

        public MainWindow()
        {
            Microsoft.MobileBlazorBindings.WebView.Windows.BlazorHybridWindows.Init();
            ...
     

   • macOS: No arquivo Main.csMain chamada de método BlazorHybridMacOS.Init():

        private static void Main(string[] args)
        {
            Microsoft.MobileBlazorBindings.WebView.macOS.BlazorHybridMacOS.Init();
            ...
     

O aplicativo híbrido não está carregando ativos estáticos, como CSS e imagens

Se o aplicativo híbrido estiver exibindo o conteúdo renderizado html, mas sem o CSS e as imagens, isso poderá significar que os ativos estáticos não estão sendo encontrados.

Estas são algumas possíveis causas e correções:

• Verifique se o caminho correto está sendo usado. Os ativos estáticos são referenciados usando o padrão de caminho de arquivo estático Blazor, que é _content/<PROJECT_NAME>/path/to/the/file.css. Por exemplo, em um projeto chamado MySampleProject um arquivo CSS localizado em wwwroot/css/bootstrap/bootstrap.min.css seria referenciado como _content/MySampleProject/css/bootstrap/bootstrap.min.css.

• Para Android, iOS e macOS, verifique se o projeto específico da plataforma tem uma referência direta ao projeto ou pacote que contém os ativos estáticos. O tipo de arquivo CSPROJ que eles usam exige que a referência seja direta (projeto a projeto) em vez de meramente transitiva (ou seja, projeto para projeto para projeto). (Os projetos do Windows não exigem isso.)

Estilos CSS não funcionando

Consulte a seção de solução de problemas do CSS .

Para onde ir para obter mais soluções

Se você ainda estiver preso ou tiver uma pergunta, entre em contato com o repositório GitHub registrando um problema em log.