Question

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

未捕获的SyntaxError：所请求的模块'/static/GitHub.bundle.js' 不提供名为“默认”的导出

我找到了可能的解决方法here，但是我仍然无法正常工作。 javascript的99％的作者认为这些基础知识是理所当然的，但是我不知道这些基本知识，或者有一个我看不到的细微问题/错误。

我的代码很简单：

<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或出现“找不到文件”。

库：https://github.com/github-tools/github

Answer 1

解决方案是删除包含文件，并将.js文件及其附属文件添加到html文件中。请注意，如果您阅读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>

Answer 2

这样做可能有一个窍门：

尝试：

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

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

2 个答案: