Flutter показывает пустой экран на хроме

поэтому я разрабатываю веб-приложение с помощью Flutter. когда я хочу увидеть запуск и отладку, я вижу пустой экран! вывод на хроме, но он как будто хром открывается в первый раз вот так:

Я могу увидеть результат, если открою Chrome и найду URL-адрес (в этом примере (localhost:42827)

Я пробовал ответы на другие вопросы, но они не помогли кстати, я использую intellij idea на ubuntu

и это мой flutter doctor результат:

flutter

01.04.2023 21:26

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Пожалуйста, выполните следующие шаги, в основном первый шаг решит вашу проблему, но проверьте другие, если это не так.

Попробуйте указать путь как <base href = "./"> в index.js в веб-папке
запустите свое приложение, используя flutter run -d chrome --web-renderer html
запустите свое приложение, используя flutter run -d chrome --web-renderer canvaskit
если это не работает, добавьте эту строку в index.js внутри

<script>
     if (platform.name.toLowerCase() == "safari" && 
     parseInt(platform.version.split(".")[0]) >= 15) {
           window.flutterWebRenderer = "html";
            } else { 
              window.flutterWebRenderer = "canvaskit";
            }
</script>

второе решение работает нормально, но я потерял горячую перезагрузку!

— 02.04.2023 15:03

02.04.2023 08:45