本地测试 firebase 功能与 typescript

Question

我在 typescript 中的本地测试功能有问题。现在，我使用npm run build && firebase serve --only functions来运行本地功能，但是我对代码所做的每一个更改，我都需要再次运行此命令才能看到结果. 我想查看实时变化，而不必每次都构建 typescript 代码。 这个问题有解决办法吗？

Answer 1

Firebase 仿真器将在运行时自动获取对 JavaScript 的更改。 由于您使用的是 TypeScript，因此您必须编译为 JavaScript 才能让模拟器接受更改。 您有两个主要选择：

• 每次更改后再次运行npm run build
• 告诉 TypeScript 编译以“监视”您的源文件并在发生更改时编译它们。 你可以用npx tsc --watch做到这一点。

Answer 2

这就是我为我的 typescript 函数同时运行两个命令的方式

tsc --watch & firebase serve --only functions

那是我的 package.json 和 npm 脚本，所以我可以用一个命令轻松调用它，并在我进行更改时更新它。

Answer 3

这解决了

停止使用firebase serve并使用npm run serve在您 cd 到您的函数文件夹后。

npm run serve

这将在服务之前自动更新您的 typescript 上的更改

Answer 4

在运行模拟器的同时运行tsc --watch以在每次更改时将 ts 构建文件转换为 js。

代替：

"serve": "npm run build && firebase emulators:start --only functions",

和：

"serve": "npm run build && firebase emulators:start --only functions | npm run build:watch",