如何在浏览器上使用 Octokit 的 `request.js`？

Question

我是 JavaScript 的初学者。尽管我直接运行 readme 上的示例，但它对我不起作用。
这是一个简单的案例，我尝试获取我的（用户的）存储库的数量。

我有以下 html 文件（没有 api token）-

<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <script type="module">
        import { request } from "https://cdn.pika.dev/@octokit/request";
    </script>
    <script> 
        const octokitRequest = require('@octokit/request');
        myAsyncMethod()
        async function myAsyncMethod () {
            const result = await request("GET /users/:user/repos", {
                headers: {
                    authorization: "token <your token>"
                },
                user: "armsp"
                });
            console.log(`${result.data.length} repos found.`);
        }
    </script>   
</body>

错误

require.min.js:1 Uncaught Error: Module name "@octokit/request" has not been loaded yet for context: _. Use require([])
https://requirejs.org/docs/errors.html#notloaded
    at makeError (require.min.js:1)
    at Object.s [as require] (require.min.js:1)
    at requirejs (require.min.js:1)
    at github-api-test.html:11

github-api-test.html:1 Uncaught SyntaxError: The requested module '/universal-user-agent/^4.0.0/es2019/universal-user-agent.js' does not provide an export named 'default'

然后我尝试下载 js 文件本身并按照通常的方式将其包含在脚本标签中，但是我在 src 文件夹中没有看到任何 request.js 文件，都是 .ts 文件。我不知道如何理解它。

如有任何帮助，我们将不胜感激。

Answer 1

在 talking 与库的作者联系后，似乎这是一个错误版本的问题。它已在 5.3.1 版中修复。以下示例现在有效 -

    <script type="module">
      import { request } from "https://cdn.pika.dev/@octokit/request";

      myAsyncMethod();

      async function myAsyncMethod() {
        const result = await request("GET /");
        console.log(result.data);
      }
    </script>

现场演示 here.

如何在浏览器上使用 Octokit 的 `request.js`？

How to use `request.js` by Octokit on browser?

javascript

request

github-api

octokit-js