Images.js:15 未捕获类型错误：axios__WEBPACK_IMPORTED_MODULE_0__.Axios.get 不是函数

Question

我在 React 中遇到以下错误。

Images.js:15 未捕获类型错误：axios__WEBPACK_IMPORTED_MODULE_0__.Axios.get 不是函数

我遵循以下过程。

1. 我安装了 npm install axios。 2）然后我尝试使用方法 get() 为此，我导入了 axios> import { Axios } from 'axios';

这是我的功能

           inputRef.current.focus()
           Axios.get("https://api.unsplash.com/photos/?client_id=Q6F2UZogduuqcTc6rRGUs6ZOIo8yhNIpP4tiJHm0CrE").then(res => {
               console.log(res);
           } ).then(res => {
               console.log(res);
           });
          // console.log(varRef);
    
    },[]);

之后我运行 npm run start 并得到空白，但在控制台中，我得到了 Images.js:15 未捕获类型错误：axios__WEBPACK_IMPORTED_MODULE_0__.Axios.get 不是函数

Answer 1

您是否尝试过将导入重命名为如下：

import axios from "axios";

这对我有用

Answer 2

正确的做法是：

import Axios from 'axios';

不是下面使用的，因为

axios

将其导出为“默认” https://www.npmjs.com/package/axios

import { Axios } from 'axios';

Answer 3

使用 webpack 模块联合，只需将

shared

配置中的 A 大写即可：

    new ModuleFederationPlugin({
      ...
      shared: {
        Axios: {
          eager: true,
          singleton: true,
        },
      },
    }),