我有一个使用Axios的Typescript库,如下所示:
import axios from 'axios';
export class Connector { readonly axios = axios.create(); ... }
发布后,我将库导入到用create-react-app --template=typescript
创建的新React项目中。当我在浏览器中运行项目并示例化新连接器时,例如:
import { Connector } from 'mylib';
const connector = new Connector();
我在axios.create()
调用时得到一个Uncaught TypeError: Cannot read properties of undefined
。在浏览器中检查,似乎webpack没有捆绑任何与Axios相关的东西(这是mylib
的依赖项)。
现在,如果我直接在App.tsx
文件中导入Axios并调用axios.create()
,最后一个调用可以工作(但在mylib
库中完成的调用仍然不工作)。
基本上,axios
对象是mylib
中的undefined
,而且webpack似乎正在为node_modules/axios/dist/browser/axios.cjs
生成一个导入,由于某种原因,它在bundle中不存在。
这是怎么回事?
使用网络包5。
1条答案
按热度按时间vptzau2j1#
这是Axios 1.1.3+中的一个错误,该错误仍然存在:https://github.com/axios/axios/issues/5154
降级到1.1.2就可以了。