Невозможно создать и развернуть веб-приложение Flutter на хостинге Firebase после обновления инструментов Firebase
У меня есть веб-приложение Flutter, которое запускается локально на моем компьютере, когда я даю команду:
flutter run -d chrome
Мне удалось выполнить сборку и развертывание с помощью следующих двух команд:
flutter build web
firebase deploy --only hosting
Я обновил свои инструменты flutter и firebase, и после этого я больше не могу успешно развернуть их на хостинге Firebase.
Мой index.html выглядит следующим образом:
<!DOCTYPE html>
<html>
<head>
<!--
If you are serving your web app in a path other than the root, change the
href value below to reflect the base path you are serving from.
The path provided below has to start and end with a slash "/" in order for
it to work correctly.
For more details:
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
This is a placeholder for base href that will be replaced by the value of
the `--base-href` argument provided to `flutter build`.
-->
<base href = "$FLUTTER_BASE_HREF">
<meta charset = "UTF-8">
<meta content = "IE=Edge" http-equiv = "X-UA-Compatible">
<meta name = "description" content = "A new Flutter project.">
<!-- iOS meta tags & icons -->
<meta name = "apple-mobile-web-app-capable" content = "yes">
<meta name = "apple-mobile-web-app-status-bar-style" content = "black">
<meta name = "apple-mobile-web-app-title" content = "qsportsgame">
<link rel = "apple-touch-icon" href = "icons/Icon-192.png">
<!-- Favicon -->
<link rel = "icon" type = "image/png" href = "favicon.png"/>
<title>qsportsgame</title>
<link rel = "manifest" href = "manifest.json">
</head>
<body>
<script src = "flutter_bootstrap.js" async></script>
</body>
</html>
После сборки и развертывания на рабочем сайте я получаю следующую ошибку:
Поскольку я могу запускать код локально, я склонен думать, что с flutter_bootstrap.js что-то не так. Но я понятия не имею, как диагностировать эту проблему, поскольку не могу воспроизвести ее на своем локальном компьютере. Любая помощь в том, как действовать, будет принята с благодарностью.
Могу подтвердить, что это началось вчера. Локально все работает нормально (chrome и Edge), загрузка точно такого же PWA на страницы Github тоже работает нормально. Проблемы возникают только при развертывании на хостинге Firebase. На X я разместил дополнительную информацию и скриншоты: x.com/plotsklapps/status/1805229841848930720 Думал, что это может быть проблема с кешем, но даже создание совершенно нового проекта flutterfire не решило проблему. Не могу понять, что не так, кажется, все указывает на правильные пути, и я не вижу опечаток.
Ответы 1
Подумал, что сейчас лучше понизить версию:
npm удалить -g firebase-tools
Затем...
npm install -g [email protected]
Или любая другая версия, кроме последней из https://www.npmjs.com/package/firebase-tools?activeTab=versions
Затем...
flutter clean && flutter pub get && flutter build web && развертывание firebase
И ты снова онлайн.
Извините за уродливое оформление этого ответа, но я сейчас на мобильном телефоне. Удачи!
Это помогло восстановить работу моего проекта на веб-сайте. Я потратил чертовски много времени, пытаясь понять, как действовать дальше. Ты очень
Как мы можем воспроизвести вашу проблему? Можем ли мы иметь репозиторий?