出现错误：JavaScript 密码重置功能中的“Stich 未定义”答案

【问题标题】：Getting error: 'Stich is not defined' in JavaScript password reset function出现错误：JavaScript 密码重置功能中的“Stich 未定义”
【发布时间】：2019-07-28 22:34:46
【问题描述】：

我正在尝试开发一个密码重置网页，用于 MongoDB Stitch 的电子邮件/密码身份验证，这是我的代码：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <!-- Stitch JavaScript SDK -->
    <!-- Base Stitch Browser SDK -->
    <script src="https://s3.amazonaws.com/stitch-sdks/js/bundles/4.0.0/stitch.js"></script>
    <script>// Parse the URL query parameters
      const url = window.location.search;
      const params = new URLSearchParams(url);

      const token = params.get('token');
      const tokenId = params.get('tokenId');
      const newPassword = "test";

      // Confirm the user's email/password account
      const emailPassClient = Stitch.defaultAppClient.auth
        .getProviderClient(UserPasswordAuthProviderClient.factory);

      emailPassClient.resetPassword(token, tokenId, newPassword).then(() => {
        console.log("Successfully reset password!");
      }).catch(err => {
        console.log("Error resetting password:", err);
      });
    </script>
  </body>
</html>

我收到如下错误： Uncaught ReferenceError: Stitch is not defined 也许我错误地导入了针束？

【问题讨论】：

您的代码是否在缝合脚本加载之前执行？
查看这里：developer.mozilla.org/en-US/docs/Web/API/Document/readyState
检查包的自述文件：npmjs.com/package/mongodb-stitch-browser-sdk 它清楚地展示了window.onload 的使用并将逻辑包装在处理函数中。还演示了其他包装技术。
我从 MongoDB Stitch 文档中复制了这段代码 sn-p：docs.mongodb.com/stitch/authentication/userpass/…。看起来他们在引用 Stitch 时有一个大写的“S”，这是错误的根源

标签： javascript mongodb mongodb-stitch

【解决方案1】：

调用stitch.Stitch.initializeDefaultAppClient(ID)

注意，你必须初始化一个默认的应用客户端，你不能只调用stitch.Stitch.defaultappClient

【讨论】：

【解决方案2】：

const client = stitch.Stitch.initializeDefaultAppClient('<<app-id>>');

var emailClient = client.auth.getProviderClient(window.stitch.UserPasswordAuthProviderClient.factory);

emailPassClient.resetPassword(token, tokenId, newPassword).then(() => {
        console.log("Successfully reset password!");
      }).catch(err => {
        console.log("Error resetting password:", err);
      });

【讨论】：

虽然代码 sn-p 可能是答案，但最好的方法是根据给出的参考链接解释为什么这是解决方案。它可以帮助人们了解您的代码在做什么以及为什么它会解决问题。
@SayuriMizuguchi 我相信针库不会暴露“Stitch”而是“stitch”，这就是为什么访问“Stitch”会引发“引用错误”。