本地測試 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",