Как задать начальную страницу для браузерной версии кроссплатформенном приложении Avalonia UI?

Question

[Ali-Muhammad Zakarayayev]

Я пишу кроссплатформенное приложение на Avalonia UI с использованием Community Toolkit.
Здесь же я спрашивал, как сделать навигацию по страницам, когда пользователь нажимает на кнопку, потом я модифицировал этот метод, чтобы он работал и на мобильных устройствах.
Все работает и на Windows и на Android эмуляторе, но когда я хочу запустить версию приложения для браузера., то там просто выводится стандартная надпись "Powered by Avalonia", которая прописана в index.html и app.css.
Как сделать так чтобы приложение запускалось так же как и на других платформах?

https://github.com/Zakarayaev/QuizApplication

ссылка на GitHub

Answer 1

[Дмитрий]

Ctrl-F5. Ctrl-F5. Ctrl-F5. Ctrl-F5. ...
Очистить кэш.

Comments

[Ali-Muhammad Zakarayayev]

я не понял, что за кэш и причем он здесь

[Дмитрий]

Кэш браузера.
Я день убил на эту проблему, не мог ни понять почему, ни в интернете найти.
Пока с другого браузера не зашел.

[Ali-Muhammad Zakarayayev]

если честно, то не помогло. я даже специально firefox скачал. может нужно, как-то отредактировать index.html или main.js, так как они у меня по умолчанию

[Дмитрий]

У меня ваш проект заработал.
После запуска подождите какое-то время, это всё таки wasm.
Может не успевает прогрузиться.

[Ali-Muhammad Zakarayayev]

Дмитрий, а вы через что запускаете? я через visual studio, у меня выходит консоль и там ссылки на проект, я нажимаю на первую ссылку(hhtp) и жду или надо по другому?

[Дмитрий]

Запускал через Visual Studio.
Сразу запускается браузер.
Появляется заставка by Avalonia
через пол-секунды/секунду - ваша страница
---
Попробуйте ссылку с https
---
Очистить проект
Удалить физически папки bin и obj по всех проектах
Почистить каталог \Users\\Temp
Перезагрузиться...

[Ali-Muhammad Zakarayayev]

вообще ноль результата, жду по 10 минут и ничего не помогает, браузер тоже сразу не запускается, а эта консоль. кстати в этой консоли есть режим запуска в дебаге(http и https) и в дебаге лезет аот такая ошибка

Unable to find debuggable browser tab
Could not get a list of browser tabs from localhost:9222/json. Ensure your browser is running with debugging enabled.

Resolution
If you are using Google Chrome or Chromium for your development, follow these instructions:
Press Win+R and enter the following:

chrome --remote-debugging-port=9222 --user-data-dir="C:\Users\alimu\AppData\Local\Temp\blazor-chrome-debug"

If you are using Microsoft Edge (80+) for your development, follow these instructions:
Press Win+R and enter the following:

msedge --remote-debugging-port=9222 --user-data-dir="C:\Users\alimu\AppData\Local\Temp\blazor-edge-debug" --no-first-run

This should launch a new browser window with debugging enabled..
Underlying exception:
System.Net.Http.HttpRequestException: No connection could be made because the target machine actively refused it. (localhost:9222)
---> System.Net.Sockets.SocketException (10061): No connection could be made because the target machine actively refused it.
at System.Net.Sockets.Socket.AwaitableSocketAsyncEventArgs.ThrowException(SocketError error, CancellationToken cancellationToken)
at System.Net.Sockets.Socket.AwaitableSocketAsyncEventArgs.System.Threading.Tasks.Sources.IValueTaskSource.GetResult(Int16 token)
at System.Net.Sockets.Socket.g__WaitForConnectWithCancellation|285_0(AwaitableSocketAsyncEventArgs saea, ValueTask connectTask, CancellationToken cancellationToken)
at System.Net.Http.HttpConnectionPool.ConnectToTcpHostAsync(String host, Int32 port, HttpRequestMessage initialRequest, Boolean async, CancellationToken cancellationToken)
--- End of inner exception stack trace ---
at System.Net.Http.HttpConnectionPool.ConnectToTcpHostAsync(String host, Int32 port, HttpRequestMessage initialRequest, Boolean async, CancellationToken cancellationToken)
at System.Net.Http.HttpConnectionPool.ConnectAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
at System.Net.Http.HttpConnectionPool.CreateHttp11ConnectionAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
at System.Net.Http.HttpConnectionPool.AddHttp11ConnectionAsync(QueueItem queueItem)
at System.Threading.Tasks.TaskCompletionSourceWithCancellation`1.WaitWithCancellationAsync(CancellationToken cancellationToken)
at System.Net.Http.HttpConnectionPool.HttpConnectionWaiter`1.WaitForConnectionWithTelemetryAsync(HttpRequestMessage request, HttpConnectionPool pool, Boolean async, CancellationToken requestCancellationToken)
at System.Net.Http.HttpConnectionPool.SendWithVersionDetectionAndRetryAsync(HttpRequestMessage request, Boolean async, Boolean doRequestAuth, CancellationToken cancellationToken)
at System.Net.Http.DiagnosticsHandler.SendAsyncCore(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
at System.Net.Http.RedirectHandler.SendAsync(HttpRequestMessage request, Boolean async, CancellationToken cancellationToken)
at System.Net.Http.HttpClient.GetStringAsyncCore(HttpRequestMessage request, CancellationToken cancellationToken)
at Microsoft.WebAssembly.AppHost.DevServer.TargetPickerUi.GetOpenedBrowserTabs()
at Microsoft.WebAssembly.AppHost.DevServer.TargetPickerUi.Display(HttpContext context)

[Дмитрий]

Запустите программу
Запустите браузер
https://localhost:7169/

[Ali-Muhammad Zakarayayev]

Дмитрий, удивительно, но такого сайта он не находит(я говорю про https://localhost:7169/) зато в этой консоли выдает эти адреса

App url: 127.0.0.1:50544
App url: https://127.0.0.1:50545/
Debug at url: 127.0.0.1:50544/_framework/debug
Debug at url: https://127.0.0.1:50545/_framework/debug

[Дмитрий]

У вас в Properies/launchSettings.json прописано
"applicationUrl": "https://localhost:7169;http://localhost:5235",

Кстати, у мена ругается на запятую в строке "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",

[Ali-Muhammad Zakarayayev]

ну да, так прописано или так не надо?

[Дмитрий]

Эти строки задают порты, по которым работает приложение.
Их надо задавать в браузере, чтобы получить доступ к приложению.

Для чистоты эксперимента удалите запятую в строке "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",

Больше, к сожалению, ничем помочь не могу.
У меня ваш код работает.

[Ali-Muhammad Zakarayayev]

подождите, как понять "задавать в браузере"? запятую тоже удалил. как нужно задать эти порты

[Дмитрий]

Запустили программу.
Запустили браузер.
В адресной строке браузера написали https://localhost:7169

[Ali-Muhammad Zakarayayev]

Дмитрий, удивительное дело. значит, у меня какая-то другая проблема, либо что-то другое. короче, если у вас работает, то я оставлю версию для браузера в покое

[Ali-Muhammad Zakarayayev]

Дмитрий, пересоздал проект. все работает. спасибо вам за потраченное время!