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

【问题标题】：How to use `request.js` by Octokit on browser?如何在浏览器上使用 Octokit 的`request.js`？
【发布时间】：2020-01-29 11:53:29
【问题描述】：

我是 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文件。我不知道如何理解它。

任何帮助将不胜感激。

【问题讨论】：

标签： javascript request github-api octokit-js

【解决方案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.

【讨论】：