Firebase 可调用函数：预检响应无效

Question

我创建了一个 Firebase 可调用函数，返回一个简单的文本，但是当我在本地和部署的应用程序上调用该函数时收到错误消息。

callable 函数是一个返回一些文本的简单函数：

exports.getSomeInfo = functions.https.onCall(async (data, context) => {
  return 'some info';
});

在我的应用程序中，我加载函数：

const getSomeInfo = firebase.functions().httpsCallable('getSomeInfo');

并在应用程序中调用它：

getSomeInfo();

这会产生以下错误：

Failed to load https://us-central1-[project-ID].cloudfunctions.net/getSomeInfo: Response for preflight is invalid (redirect)

在本地使用 firebase serve 和已部署的应用程序调用函数时会发生此错误。

在 Firebase 控制台中查看日志没有显示任何日志或错误。

其他问题提到这可能是 CORS 问题或不正确的 Firebase 配置。我已确保 Firebase 配置正确。并尝试了一些CORS解决方案，但继续收到上述错误。

使用 Firebase@5.5.2。

还有什么可能导致此错误？

Answer 1

2020 年 4 月，我刚刚学会了可调用函数在模块名称前加前缀的艰难方法......

在 index.js 中：

const functions = require('firebase-functions')

// ...
exports.callable = require('./callable')

在 callable.js 中：

const functions = require('firebase-functions');
// ... other stuff
exports.myCloudFunction = functions.https.onCall((data, context) => {
  // ...

从 JS 客户端调用这个“myCloudFunction”的方法是使用它的名字，加上它的模块名，像这样

const fn = firebase.functions().httpsCallable("callable-myCloudFunction")
fn().then(result => { //...

据我所知，这在任何地方都没有记录，而且正如其他人所提到的，在实际执行云功能之前发生的几乎所有错误最终都会被错误地标记为 CORS 错误。

Answer 2

在尝试了 2 天的各种刷新/清理和使用 CORS 的东西后，在首先通过 Firebase 控制台删除该函数然后部署该函数后，终于发现它可以工作了。

在我的情况下，部署的版本似乎以某种方式损坏。它从昨天开始，当时deploy 的函数被卡住了——它会挂起并且永远不会退出——即使 Firebase 状态页面说一切都很好。折腾了一整天，终于放下了，看看今天能不能用。我以为这是我的代码，但deploy 今天又开始工作了。

Answer 3

这几天前发生在我身上。问题是当我运行firebase deploy时，我的 src 目录中的函数没有被编译。有打字稿错误阻止它编译。我相信你可以通过检查你的 lib 文件夹和 index.ts 来查看它是否编译。

Answer 4

如documentation 中所述，对于 HTTPS 可调用函数，您需要“返回可以 JSON 编码的数据”。

因此，如果您执行以下操作，它应该可以工作。

exports.getSomeInfo = functions.https.onCall((data, context) => {
  return {result: 'some info'};
});

更新：删除了async