TypeScript 中找不到模块“axios”错误 [已解决]

作者

TypeScript 中找不到模块“axios”错误

Cannot find module ‘axios’ Error in TypeScript

要解决“找不到模块axios或其相应的类型声明”错误，请通过运行命令安装模块
npm install axios。

然后您可以axios使用以下代码行
进行导入import axios from 'axios'。

找不到模块 axios

确保axios通过在项目根目录中打开终端并运行以下命令来安装该模块。

壳
npm install axios

该axios模块包含 TypeScript 定义，因此您不必单独安装类型。

现在您应该能够
使用以下代码行导入axios模块。

索引.ts
import axios from 'axios';

console.log(axios);
这应该可以修复错误，现在 TypeScript 应该能够找到模块的类型定义axios。

删除你的node_modules并重新安装你的依赖项

如果错误未解决，请尝试删除您的node_modulespackage
-lock.json文件，重新运行
npm install并重新启动您的 IDE。

bash如果您使用的是 macOS 或 Linux，请在或中发出以下命令zsh。

壳
#  for macOS and Linux
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果您使用的是 Windows，请在 CMD 中发出以下命令。

指令
# for Windows
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果错误仍然存​​在，请确保重新启动 IDE和开发服务器。

我还编写了有关
如何在 TypeScript 中使用 Axios 发出 HTTP 请求的详细指南。

axios使用TypeScript 的HTTP GET 请求示例

GET以下是使用 TypeScript 发出 HTTP请求的示例axios。

索引.ts
import axios from 'axios';

type User = {
  id: number;
  email: string;
  first_name: string;
};

type GetUsersResponse = {
  data: User[];
};

async function getUsers() {
  try {
    // 👇️ const data: GetUsersResponse
    const { data, status } = await axios.get<GetUsersResponse>(
      'https://reqres.in/api/users',
      {
        headers: {
          Accept: 'application/json',
        },
      },
    );

    console.log(JSON.stringify(data, null, 4));

    // 👇️ "response status is: 200"
    console.log('response status is: ', status);

    return data;
  } catch (error) {
    if (axios.isAxiosError(error)) {
      console.log('error message: ', error.message);
      return error.message;
    } else {
      console.log('unexpected error: ', error);
      return 'An unexpected error occurred';
    }
  }
}

getUsers();

如果错误仍然存​​在，请按照我
在 TypeScript 中找不到模块“X”错误
一文中的说明进行操作。

我还写了一篇关于
如何输入异步函数的文章。