首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何阻止flutter web在每次构建时都覆盖我的index.html?

如何阻止flutter web在每次构建时都覆盖我的index.html?
EN

Stack Overflow用户
提问于 2020-04-05 16:05:26
回答 1查看 1K关注 0票数 0

因此,我正在使用flutter web + cloud firestore

要让云firestore正常工作,我必须修改我的index.html。问题是我每次运行

代码语言:javascript
运行
复制
flutter build web

它覆盖了我的index.html,我必须手动重新添加所有必要的代码片段才能让它再次工作。

是否有一种方法可以运行flutter build web而不覆盖index.html?

另一个相关的问题是,当我将站点部署到firebase时,它工作得很好,但是当我在本地运行此站点进行测试时,使用

代码语言:javascript
运行
复制
flutter run -d chrome

当它在chrome上运行时,网站再次使用了全新的index.html,没有必要的代码,所以它不能工作。我没有机会编辑index.html来应用必要的代码,因为它会立即构建和运行。

有什么办法可以解决这个问题吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-05 18:23:28

您应该修改<project>/web文件夹中的index.html文件,而不是<project>/build/web文件夹中的。此文件将在构建过程中复制到<project>/build/web文件夹。

代码语言:javascript
运行
复制
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Flutter web</title>
  <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
  <script defer src="main.dart.js" type="application/javascript"></script>
  <script src="https://www.gstatic.com/firebasejs/6.6.0/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/6.6.0/firebase-auth.js"></script>
</head>

<body>
  <h1>This text will be copied to the target HTML, but covered by flutter web app</h1>
</body>

</html>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61039702

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档