Javascript 导入函数时，“未定义”不是函数

我必须归档一个主文件和一个名为rest.js的文件

在我的主文件中，我在按下按钮后调用getToken，该按钮从rest.js调用getData-但我得到的只是_rest2.default.getData不是一个函数

import rest from './rest.js';

class Login extends Component {
[...]
  let response = rest.getData(this.state.token,
    'https://example.com/endpoint/').done();
[...]

rest.js

 /*jshint esversion: 6 */
function getData(token, url) {
  var responseJson = fetch(url,
    {
      method: 'GET',
      headers: {
        Accept: 'application/json',
        Authorization: 'Bearer ' + token,
        Host: 'example.com',
      },
    }
  ).then(function (response) {
     return response.json();});

  return responseJson;
}

---

我做错了什么？

“导入”语句可能有问题。如果您将所有代码放在一个文件中，它能工作吗？

您需要

导出rest.js中的函数

export function getData(token, url) {
   ...
}

rest
模块应
export
getData
函数以使其可用于导入：

 /*jshint esversion: 6 */
export function getData(token, url) {
  // function code
}

另外，您使用的导入语法用于导入模块的默认导出。要导入完整的模块，您应该使用“/rest.js”中的
import*as rest