GitHub.js 不提供名为 'default' 的导出

GitHub.js does not provide an export named 'default'

我正在尝试在 Chrome/Firefox 扩展程序上使用 GitHub.js,但我遇到了一些问题。

Uncaught SyntaxError: The requested module '/static/GitHub.bundle.js' does not provide an export named 'default'

我找到了可能的解决方案,但我仍然无法解决问题。 javascript 的 99% 的作者理所当然地认为基础知识是已知的,但要么我不了解它们,要么有一个微妙的 issue/bug 我没有看到。

我的代码很简单:

<html>
  <body id="mybody"> 
    <button id="mybutton" >Click me</button>
    <script type="module" src="popup.js"></script>
  </body>
</html>

和popup.js:

//import GitHub from './GitHub.bundle.js';
import * as GitHub from './GitHub.bundle.js';
function onWindowLoad() {
}
window.onload = onWindowLoad;
document.getElementById("mybutton").addEventListener("click", clickme); 

function clickme() {
    var github = new GitHub({
        username: 'USER',
        password: 'PASS',
        auth: 'basic'
    });
}

它会立即停止。在那之后我拥有什么并不重要。我究竟做错了什么?即使作为独立页面,它也不应该工作。

请注意,我必须使用 .js,否则我会得到 "file not found"。

图书馆:https://github.com/github-tools/github

这样做可能有技巧:

尝试:

import * as GitHub from '/static/GitHub.bundle.js';

解决方案是删除包含并在 html 文件中添加 .js 文件及其依赖项。请注意,如果您阅读 github.js' 站点,则不是很清楚。

<html>
   <body id="mybody"> 
     <button id="mybutton" >Click me</button>
     <script src="GitHub.bundle.min.js"></script> 
     <script src="underscore-min.js"></script> 
     <script type="module" src="popup.js"></script>
   </body>
</html>