我正在尝试在我的Angular应用程序中实现Firebase分布式计数器扩展，但我不太确定如何做到这一点。说明说要在项目中包括sharded-counter.js文件，并给出了以下示例：
<html>
<head>
<script src="https://www.gstatic.com/firebasejs/[version]/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/[version]/firebase-firestore.js"></script>
<script src="sharded-counter.js"></script>
</head>
<body>
<script>
// Initialize Firebase.
var firebaseConfig = { projectId: "at-the-dinner-table" };
firebase.initializeApp(firebaseConfig);
var db = firebase.firestore();
// Initialize the sharded counter.
var visits = new sharded.Counter(db.doc("pages/hello-world"), "visits");
// Increment the field "visits" of the document "pages/hello-world".
visits.incrementBy(1);
// Listen to locally consistent values.
visits.onSnapshot((snap) => {
console.log("Locally consistent view of visits: " + snap.data());
});
// Alternatively, if you don't mind counter delays, you can listen to the document directly.
db.doc("pages/hello-world").onSnapshot((snap) => {
console.log("Eventually consistent view of visits: " + snap.get("visits"));
});
</script>
</body>
</html>
我尝试使用import * as sharded from 'file path'导入此文件，但随后收到消息Counter不是构造函数。我确定我缺少一些东西，所以任何帮助将不胜感激！
我最终使用了打字稿文件。在我实现分片计数器的文件中，我导入了带有import * as sharded from 'file path'的 TS 文件，并且必须在 TS 文件中导入 Firebase。 在那之后，一切都按预期进行。
我仍然有兴趣知道为什么最小化的 JS 文件没有以相同的方式工作，但我很高兴现在一切正常！