freks blog

about

firebase functionを読み込もうとしたときのエラー「'firebase' refers to a UMD global, but the current file is a module.」対策

created: 2020-12-06
おすすめ記事: 出会ってよかったプログラマー本

Next.js + TypeScript + Firebase Firestore + Functions で開発中に

Next.js から Functions を叩きたくて
アプリから関数を呼び出す  |  Firebase
を参考に

import 'firebase/functions'

const addMessage = firebase.functions().httpsCallable('addMessage')

としたらエラーが発生します

'firebase' refers to a UMD global, but the current file is a module. Consider adding an import instead.

ぐぐっても TypeScript 定義を直すとかがでてきたのですが、解決方法は firebase も import するでした

import firebase from 'firebase'
import 'firebase/functions'

const addMessage = firebase.functions().httpsCallable('addMessage')

Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks