Next.js/Square API 错误：Fetch API 无法加载。不支持 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，所以我只是想了解两者之间的差异。

proxy最初，我在文件中提取带有 的数据config以避免CORS Error，但我知道这只是暂时的解决方法，因为我需要隐藏API_KEY.

现在我尝试在 Next.js 后端选项中以正确的方式调用 APIgetServerSideProps

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 发出请求，并且它工作得很好。

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

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

Answer 1

这个问题是由 React Devtools 引起的，特别是设置Always parse hook names from source (may be slow)\xe2\x80\x94 如果在不需要时关闭它，它将防止错误发生。

\n