`setDoc` 从 TypeScript 函数写入 Firestore 搞乱了 `npm run build` 上的目录结构

Question

当 Firebase 函数使用setDoc或updateDoc写入 Firestore 时，转译 TypeScript 会创建一个新的、不正确的目录结构。

此代码可以正确转译和运行：

索引.ts

import * as functions from "firebase-functions";
export const MakeUppercase = functions.firestore.document('Messages/{docId}').onCreate((snap, context) => {
    try {
      const original = snap.data().original;
      const uppercase = original.toUpperCase();
      return snap.ref.set({ uppercase }, { merge: true }); // writes to the same document
    } catch (error) {
      console.error(error); // emulator always throws an "unhandled error": "Your function timed out after ~60s."
      return 0;
    }
  });

函数第一次在新目录中转译时，转译器会生成以下目录结构：

myproject
├── environments
│   └── environment.ts
├── functions
│   ├── lib
│   │   ├── index.js
│   │   ├── index.js.map
│   ├── node_modules
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   ├── index.ts
│   └── tsconfig.json

该目录结构是正确的。 package.json中的main是

lib/index.js

让我们稍微更改一下代码并使用setDoc写入 Firestore 中的不同目录：

索引.ts

import * as functions from "firebase-functions";
import { initializeApp } from "firebase/app";
import { getFirestore, setDoc, doc } from "firebase/firestore";
import { environment } from '../../environments/environment';
const firebaseApp = initializeApp(environment.firebase);
const firestore = getFirestore(firebaseApp);

export const MakeUppercase = functions.firestore.document('Messages/{docId}').onCreate((snap, context) => {
    try {
      const original = snap.data().original;
      const uppercase = original.toUpperCase();

      return setDoc(
        doc(firestore, 'AnotherCollection', context.params.docId),
        { uppercase }, { merge: true }
      );

    } catch (error) {
      console.error(error); // emulator always throws an "unhandled error": "Your function timed out after ~60s."
      return 0;
    }
  });

我在functions目录中使用npm run build编译函数。 目录结构更改为：

myproject
├── environments
│   └── environment.ts
├── functions
│   ├── lib
│   │   ├── environments
│   │   │   ├── environment.js
│   │   │   └── environment.js.map
│   │   ├── functions
│   │   │   └── src
│   │   │       ├── index.js
│   │   │       ├── index.js.map
│   │   ├── index.js
│   │   ├── index.js.map
│   ├── node_modules
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   ├── index.ts
│   └── tsconfig.json

转译器添加了三个新目录和四个新文件。 它暴露了我的apiKey和其他凭据。 为了使新功能运行，我将main更改为

lib/functions/src/index.js

现在新代码运行了，但它不会写入 Firestore。 我收到PERMISSION_DENIED: Missing or insufficient permissions. 错误。 这是我的规则：

Firestore 规则

rules_version = "2";
service cloud.firestore {
  match /databases/{database}/documents {
  
    match /{document=**} {
      allow read, write;
    }
  }
}

别担心，这些规则适用于模拟器，不适用于生产。

还有一些奇怪的事情。 Visual Studio Code 显示单个目录functions/src ，而不是两个嵌套目录。 （MacOS 显示两个嵌套目录。）

我可以使用 firebase deploy 将新函数部署到 Cloud Functions，但firebase deploy gcloud functions deploy不会部署该函数。 它抛出找不到index.js的错误：

lib/functions/src/index.js does not exist;

这里发生了什么？？？ 为了对此进行测试，我创建了四个新的 Firebase Functions 目录。 我尝试了不同的功能。 每次我使用setDoc或updateDoc时都会发生，如果代码不包含setDoc或updateDoc则不会发生。

这是我的tsconfig.json ：

tsconfig.json文件

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "outDir": "lib",
    "sourceMap": true,
    "strict": true,
    "target": "es2017"
  },
  "compileOnSave": true,
  "include": [
    "src"
  ]
}

Answer 1

谢谢，@Doug Stevenson！ 我在您的评论中读到的是 Firebase Cloud Functions 不能将 Firebase 9 语法setDoc和updateDoc用于 Firestore，以及uploadString等用于存储。 我们必须使用老式的 Firebase 语法，如下所示：

索引.js

const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp();

export const MakeUppercase = functions.firestore.document('Messages/{docId}').onCreate(async (snap: any, context: any) => {
    try {
        const original = snap.data().original;
        const uppercase = original.toUpperCase();
        await admin.firestore().collection('AnotherCollection').add({uppercase: uppercase});
        return uppercase;
    } catch (error) {
        console.error(error); // emulator always throws an "unhandled error": "Your function timed out after ~60s."
        return 0;
    }
});

在没有创建新目录或文件的情况下进行了编译，并且运行没有问题。