尝试使用 axios 在 React/Phoenix 应用程序中进行 API 调用（使用早午餐）

Posted 2023-03-28

【中文标题】尝试使用 axios 在 React/Phoenix 应用程序中进行 API 调用（使用早午餐）

【英文标题】：Trying to use axios to make API call in a React/Phoenix App (using Brunch)

【发布时间】：2016-04-25 03:45:01

【问题描述】：

我正在尝试使用 axios 库来调用一些 API 端点。

我的项目设置是一个 Phoenix 应用（带有用于资产管理的 brunch）和一个 React 应用（都在 web/static/js 目录中）

大多数 npm 模块都可以，我愿意：

npm install --save _module-name_

然后我将模块添加到brunch-config.js 到npm whitelist 数组中。

我已经用 axios 完成了，所以它不会抱怨找不到库。

但是，当我尝试使用 axios 时，例如 axios.post

我在 JS 控制台中收到以下错误：

Cannot find module "axios/lib/adapters/xhr"

这就像早午餐没有加载到 axios 依赖项中（即使我可以看到该文件，如果我导航到 node_modules/axios/lib/adapters

有没有人遇到过这个问题（使用任何 npm 模块和 brunch/phoenix），如果有，您将如何解决它？

更新

这似乎是早午餐的一个更广泛的问题。

我也无法使用“React-Bootstrap”我收到类似的错误，它找不到子依赖项......

【参考方案1】：

我遇到了同样的问题，并将早午餐更新到最新版本（当时是 2.7.5），这解决了我的问题。

见https://github.com/brunch/brunch/issues/1136