Firebase-tools: firebase serve-핫 리로딩이 아닌 전용 기능

방금 새로운 프로젝트 (firebase init)를 사용하여 다른 컴퓨터 (Debian Stretch)에서 이것을 시도했으며 hello world 함수에서도 동일한 일이 발생했습니다. 함수에 요청을 보내기 전에 소스를 변경하면 함수를 제공 할 준비가 된 후 한 번 핫 리로드를 수행 한 다음 다시 작동을 멈출 수 있음을 알았습니다.

Mac과 Linux 컴퓨터에서 새 프로젝트 (firebase init)를 만들려고 시도했지만 Linux가 아닌 Mac에서 작동합니다.

몇 가지 실험을했고 JavaScript에서 hello world 예제를 핫 리로드 할 수 있지만 TypeScript 예제는 가져올 수 없습니다. firebase serve 는`firebase.json에 구성된 디렉토리의 index.js 만 감시하는 것 같습니다.

TypeScript에 대한 프로젝트를 다시로드하려면 (그리고 index.js 이상이있는 더 복잡한 JavaScript 레이아웃을 가정합니다) Webpack을 사용하여 단일 파일 functions/lib/index.js 을 (를) 출력하고 Firebase가 내 functions/list 함수 코드. 그러면 firebase functions:shell 및 firebase serve 모두에 대해 핫 리로드가 작동합니다.

tsc ( firebase init 템플릿에 따라)를 사용할 때 결과 index.js 파일을 수정 한 경우에만 코드가 다시로드됩니다. 내 현재 워크 플로는 한 터미널에서 webpack --watch 를 실행하고 다른 터미널에서는 firebase serve --only functions 를 실행하는 것입니다. 나는 이제 뜨거운 재 장전을 받는다. firebase init 에서 기본값으로 되돌릴 수 있으면 좋을 것입니다.

firebase.json 업데이트

{    
  "functions": {
    "predeploy": "npm --prefix functions run build",
    "source": "functions/list"
  }
}

@safarmer functions / package.json은 어떻게 생겼습니까? main 필드가 있습니까?

firebase init 생성 한 기본값을 사용하기 시작했습니다.

{
  "name": "functions",
  "description": "Cloud Functions for Firebase",
  "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tsc --project tsconfig.json",
    "serve": "yarn run build && firebase serve --only functions",
    "shell": "yarn run build && firebase functions:shell",
    "start": "yarn run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "main": "lib/index.js",
  "dependencies": {
    ...
  },
  "devDependencies": {
    ...
  },
  "private": true
}

문제를 복제하는 가장 간단한 방법 :

1. firebase init && cd functions && yarn
2. helloWorld 함수의 주석 처리를 제거하십시오.
3. mkdir src/handlers && mv src/index.ts src/handlers/helloworld.ts
4. echo "export * from './handlers/helloworld';" > src/index.ts
5. 터미널 1 : yarn build --watch
6. 터미널 2 : firebase serve --only functions

브라우저에서 URL을 방문하면 hello world 메시지가 표시됩니다. handler.ts의 핸들러에서 반환 된 문자열을 변경하는 경우 결과를 변경하는 유일한 방법은 firebase serve 명령을 다시 시작하는 것입니다.

추가 "source": "functions/lib" 에 firebase.json 당신이 무엇이든 변경하면 코드 뜨거운 재 장전을 functions/lib 다시로드를 트리거하지 않지만 디렉토리 레버립니다. touch lib/injex.js 를 실행하여 다시로드를 트리거 할 수 있습니다. 예를 들어 src/index.ts 에서 핸들러를 변경하면 다시로드가 트리거되지만 src/handlers/helloworld.ts 그렇지 않습니다.

@laurenzlong 지금까지 내가 가진 최고는 ( touch lib/index.js 를 실행해야합니다. 이에 대한 또 다른 문제는 firebase deploy 더 이상 작동하지 않는다는 것입니다.

firebase.json

{
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build"
    ],
    "source": "functions/lib"
  }
}

functions / package.json

{
  "name": "functions",
  "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tsc",
    "serve": "npm run build && firebase serve --only functions",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "main": "lib/index.js",
  "dependencies": {
    "firebase-admin": "~5.12.0",
    "firebase-functions": "^1.0.1"
  },
  "devDependencies": {
    "tslint": "^5.8.0",
    "typescript": "^2.5.3"
  },
  "private": true
}

@laurenzlong Linux에서 문제를 재현하기 위해 복제 할 수있는 간단한 예가 있습니다.
https://github.com/safarmer/firebase-functions

재현 해 주셔서 감사합니다! 다음 주에 살펴 보겠습니다.

여기에 같은 문제 :)
나에게 firebase serve 는 현재 Typescript를 지원하지 않는 것 같습니다 ...

요청한 파일을 @safarmer가 보낸 파일과 비교했으며 동일한 구성을 가지고 있습니다. 이것이 TypeScript와 함께 사용할 공식 구성이므로 놀랍지 않습니다.

문제는 firebase serve 함수 "source"디렉터리의 변경 사항을 수신하지 않고 firebase.json 정의 된 배포 전 스크립트를 실행하지 않는다는 것입니다.

이것이 추가된다면 좋을 것입니다. :디

Ahh 및 firebase 서비스에 대한 다른 사전 배포 스크립트를 정의 할 수 있다면 좋을 것이므로 테스트에서 tslint 예를 들어 실행할 필요가 없습니다. :)

@IchordeDionysos 나는 그것이 TypeScript라고 생각하지 않습니다. JavaScript의 예제와 똑같은 일을하려고했는데 똑같은 일을하는 것 같았습니다. 문제는 서버가 나머지 코드가 아닌 진입 점 만보고 있다고 생각합니다. 파이어베이스 팀이 곧이 문제를 밝힐 수 있기를 바랍니다.

@laurenzlong 수동으로 @tstirrat 에게 감사드립니다)

자세한 재현 @safarmer 주셔서 감사합니다. 문제의 원인을 추적하고 https://github.com/GoogleCloudPlatform/cloud-functions-emulator/issues/207을 제출했습니다

여기에 오는 다른 사람들을 위해 npm 패키지가 아닌 소스 또는 Linuxbrew 에서 watchman 을 설치하십시오.

@laurenzlong Windows에서이 문제를 재현 할 수 있으며 특히 index.ts 변경이 감지되지 않습니다. 수동으로 tsc를 실행해야합니다. 그런 다음 변경 사항이 감지되고 기능이 다시로드됩니다.
별도의 문제를 열어야합니까?

참고 : 때때로 ts에서 info: Worker for helloWorld closed due to file changes. 가 감지되지만 lib는 새로 고쳐지지 않습니다. 다른 경우에는 전혀 감지되지 않습니다. tsc를 수동으로 실행하면 항상 함수가 다시로드됩니다.

@tstirrat 지침 에 따라 Windows에 경비원을 설치하는 것이 작동하지 않는 것 같습니다.

Watchman을 설치할 때 특별히 어떤 오류가 발생합니까?

감시원을 설치할 때 오류가 없습니다. 하지만 서빙 기능은 뜨겁지 않습니다
새로 고침. 나는 매 변경 후에 봉사를 중단하고, 건축하고, 다시 봉사해야한다.

2018 년 11 월 21 일 수요일 오전 1:01 Kevin Jian [email protected] 은 다음과 같이 썼습니다.

Watchman을 설치할 때 특별히 어떤 오류가 발생합니까?

—
댓글을 달았 기 때문에 수신 한 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/firebase/firebase-tools/issues/758#issuecomment-440460196 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AHgHbeA_iECsIMH3V9P7NQypsmudF_IQks5uxInggaJpZM4Tta12
.

Windows에서 여전히 작동하지 않는 여러 보고서로 인해 다시 열기

Node.js v10.15.0을 사용하는 Ubuntu 18.04에서 여전히 작동하지 않습니다.

내 문제는 에뮬레이터와 관련이 있습니다.
https://github.com/GoogleCloudPlatform/cloud-functions-emulator/issues/196

안녕하세요 여러분, 상세한 보고서에 감사드립니다. @afuggini 해당 링크를 클릭하면 404가 표시됩니다. 공개보기를 위해 해당 저장소에 권한이 올바르게 설정되어 있습니까? 이와 유사한 또 다른 문제가 있습니다 : https://github.com/firebase/firebase-tools/issues/1022. 이 문제가 Typescript로 로컬 개발에 어려움을 겪고 있다고 들었습니다.

내부 추적기에 버그를 신고했습니다 : 123266946.이 문제를 해결할 수있는시기를 약속 할 수는 없지만 추적되고 있다는 것을 알고 있습니다. PR을 환영합니다!

이 오류도 발생했습니다. 해결 방법을 만들 수 없었으므로 변경할 때마다 서버를 다시 시작해야합니다. 신뢰할 수있는 해결 방법을 알고있는 경우 알려주십시오.

@ondratra 는 현재 CLI 버전, OS 플랫폼을 제공하고 npm 이외의 다른 작업을하고 있는지 알려주시겠습니까 (예 : yarn )?

@bkendall 저는 Debian (sid)에 있습니다. Typescript 소스 파일은 tsc -w 를 통해 감시 및 컴파일되고 + 함수는 firebase --only functions serve 를 통해 제공됩니다. package.json 에 올바른 경로가 있습니다.
Node.js 출력 파일 {"main": "dist/src/index.js", ...} . tsc-watch 패키지와 명시 적으로 touch 인덱스 파일을 사용하려고했지만 성공하지 못했습니다.

$ firebase --version
6.3.1

여러분, 이전 댓글을 확인하세요. 이 문제는 cloud-functions-emulator 와 관련이 있습니다. Linux에서 알려진 문제가있는 fs watch 기능을 사용하고 있습니다. 따라서 firebase-tools. 에서 직접 솔루션을 기대하지 마십시오.

@ribizli thx, 당신이 공유 한 링크 는 확실히 문제의 본질을 설명합니다. 그러나 여전히 해결 방법을 찾지 못했습니다. 커스텀 스크립트를 통해 파일을 감시하고 firebase를 강제로 다시로드 할 가능성이 있습니까?

@ondratra 포크 @google-cloud/functions-emulator 추가 node-watch 내 연결 코멘트에서 언급 한 바와 같이, npm link 패키지를. firebase-tools 재설치 : 선택적 종속성으로 @google-cloud/functions-emulator 가 있으므로 연결된 버전이 사용됩니다.

마지막으로 https://github.com/GoogleCloudPlatform/cloud-functions-emulator에 PR을 할 수 있으며 곧 수락 및 출시되기를 바랍니다. (저는 해결 방법으로 살 수 있었으므로 기여하지 않았습니다)

함수->이 파일을 저장 한 후 index.js, "firebase serve"자동 실행을 시작하는 방법

https://github.com/GoogleCloudPlatform/cloud-functions-emulator/issues/196의 해결 방법 (@dirkjot에게 감사) :

이것은 나를 위해 일했습니다. 여기 @ribizli 의 작은 오타에 대한 전체 지침과 수정 사항이 있습니다.

• 당신의 찾기 @google-cloud 아마에서, 디렉토리를 당신의 node_modules (중포 기지 아래 참조)
• cd functions-emulator
• 노드 감시 추가 : npm install --save node-watch
• src/supervisor/worker.js 파일 편집
• 180 행 주변에서 fs.watch(localdir, { 찾을 수 있습니다. 이것을 require('node-watch')(localdir, { 바꿉니다.

Firebase를 typescript와 함께 사용하면 별도의 터미널 ( npm run build 의 시계 변형)에서 tsc -w 를 실행하기 만하면됩니다. 이제 소스 코드를 변경할 수 있으며 에뮬레이터가 변경 사항을 알아 차릴 것입니다.

당신이 설치 한 경우 firebase 세계를, 당신은로 이동하여 이러한 파일을 찾을 수 cd $(npm root -g)/firebase-tools/node_modules/@google-cloud .

안녕하세요 여러분-

이 버그는 레거시 Cloud Functions 에뮬레이터의 핫 리로딩 기능과 관련이 있습니다. 월 '19 기준으로 우리는 더 이상 사용하지 않는 google-cloud/functions-emulator 에 firebase-tools 이 버그의 성격을 변경 그래서 (나는 그것이 존재하지 않는 새로운 자연 믿습니다).

열심히 노력하고 해결 방법을 알아 낸 모든 분들께 감사 드리며, 마지막으로 firebase serve 와 별도로 watcher (예 tsc -w )를 실행하는 한 새로운 에뮬레이터가 트랜스 파일 된 언어를 핫 리로드 할 수 있도록해야합니다. .

새 에뮬레이터 백엔드를 사용하여이 문제를 해결했으며 이제이 스레드의 모든 해결 방법이 오래되었으므로 혼동을 피하기 위해이 스레드를 닫을 것입니다.

의도하지 않은 동작이 계속 나타나면 새 버그를여십시오.

다시 한 번 감사드립니다!

다른 사람들이 여기에서 끝나는 경우 실제로 functions/package.json 에서 설정하는 방법이 있으므로 tsc -w 는 firebase serve 와 별도로 실행됩니다.

{
  "name": "functions",
  "scripts": {
...
    "serve": "tsc -w | firebase serve --only functions",
...
  },

즉, tsc -w 실행하고 출력을 firebase serve 로 파이프합니다. 파이프가 실제로 아무 것도 보내지 않는다고 생각합니다. 소스가 변경되면 tsc가 다시 실행되고 firebase serve 가 tsc 의 출력 디렉토리 ( lib )를보고 있으므로 다시로드됩니다. 따라서 파이프는 실제로 프로세스 관리를 위해 존재합니다.

동시에 설치하면 나를 위해 일했습니다.

"build:watch": "tsc -w && cp src/*.json lib",
"serve": "firebase serve --only functions",
"start": "concurrently \"npm run build:watch\" \"npm run serve\"",

나를 위해 [email protected] 핫 리로딩이 즉시 작동하지 않습니다. build 에서 functions/package.json 을 tsc -w 로 수정했습니다.

{
  "name": "functions",
  "scripts": {
   ...
      "build": "tsc -w",
   ...
  },

이렇게하면 npm run build 를 실행 한 다음 another terminal 에서 firebase emulators:start 실행하면 기능에 대한 시계가 활성화됩니다.

@ rami-alloush도 제가 사용하는 워크 플로우입니다. 에뮬레이터는 코드를 다시 빌드하지 않지만 빌드 된 코드를 핫 리로드합니다.

다른 버전

{
    "build": "tsc -w &>/dev/null &",
    "shell": "npm run build && firebase functions:shell",
}

이것은 백그라운드에서 조용히 tsc 실행되므로 다른 터미널이 필요하지 않습니다.

재현 해 주셔서 감사합니다! 다음 주에 살펴 보겠습니다.

맞나요?

typescript와 동일한 문제에 직면하여 핫 리로딩이 작동하지 않습니다.

동일 ... 핫 리로딩이 작동하지 않으며 에뮬레이터가 변경 사항을 전혀 인식하도록하기가 어렵습니다 ...

@oluckyman이 문제를 해결했습니다. 아주 좋아

https://github.com/firebase/firebase-tools/issues/758#issuecomment -620096052

[업데이트 됨]

• firebase-tools => 8.7.0

내 솔루션 :

package.json

...
 "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tsc -w --preserveWatchOutput",
    "serve": "tsc && firebase emulators:exec --ui --only functions,firestore 'yarn build'",
    "shell": "yarn run build && firebase functions:shell",
    "start": "yarn run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
...

yarn serve

데모

이것은 typescript를 사용하여 firebase-tools 버전 8.8.1 에서 현재 저에게 완벽하게 작동합니다. 팁 녀석들 @moifort @garyo @safarmer @abeisgoat : 1st_place_medal : :

"scripts": {
    ...
    ...
    "serve": "yarn build | firebase emulators:start --only functions",
    "build": "./node_modules/.bin/tslint --project tsconfig.json && ./node_modules/.bin/tsc --watch --preserveWatchOutput"
  },