javascript - Next.js/Square API 错误 : Fetch API cannot load. 不支持 URL 方案 "webpack-internal"

Question

我在尝试从 Square API 中提取库存时遇到此错误。

injectGlobalHook.js:1648 Fetch API cannot load webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js. URL scheme "webpack-internal" is not supported.

我正在将我的 React.js 项目转换为 Next.js，所以我只是想了解两者之间的区别。

最初，我在 config 文件中使用 proxy 提取数据以避免 CORS 错误，但我知道这只是一种解决方法暂时是因为我需要隐藏 API_KEY。

现在我正在尝试使用 getServerSideProps

在 Next.js 后端选项中以正确的方式调用 API

export async function getStaticProps() {
  const allStockObjects = await fetch(requests.fetchAllStock, {
    method: "GET",
    headers: headers,
  })
    .then((res) => res.json)
    .catch((err) => console.log(err));

  return {
    props: {
      allStockObjects,
    },
  };
}

这是我的导出，但我在一个组件中有完全相同的导出，其中 POST 请求以相同的方式对同一个 Square API 进行，并且效果非常好。

我还在 Square Dashboard 上检查了我的 APILogs，但请求根本没有发送到 API。

关于这个错误或 Square API 的网上不多，所以我希望有人能提供帮助。

Answer 1

这个问题是由 React Devtoools 引起的，特别是设置 总是从源代码解析钩子(Hook)名称(可能很慢) - 如果你在不需要时关闭它，它将防止错误。