React导入的库引发错误：无法将未定义或空值转换为对象

Question

我正在使用React应用程序，并且正在调用一个操作，该操作调用一个函数来删除axios对象上的键。在“开发工具源”窗口中，我看到正在导入axios，但是在开发工具中，它显示为undefined，我不知道为什么。

这是问题根源的文件：

import axios from 'axios';

const setAuthToken = token => {
    if(token) {
        axios.defaults.headers.common['Authorization'] = token;
    } else {
        delete axios.defaults.common['Authorization'];
    }
};

export default setAuthToken;

发生的错误显示在我的应用程序上，如下所示：

  

TypeError：无法将未定义或null转换为对象   setAuthToken   http://localhost:3000/static/js/main.chunk.js:2525:66

有问题的行是else块内的行。

一切都已导入，但我不确定为什么会引发此错误。

Answer 1

更改

delete axios.defaults.common['Authorization'];

到

delete axios.defaults.headers.common['Authorization'];