javascript - 导入函数时未定义不是函数

Question

我必须归档一个主文件和一个名为 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();
[...]

休息.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;
}

我做错了什么？

Answer 1

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

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

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