package.jsonにfirebaseを追加済みでも、Module not found: Can't resolve 'firebase'となります

Question

Next.jsでfirebaseを使おうとしています。
yarn add　firebaseとして、package.jsonに"firebase": "^9.0.1"と記載があります。

しかし、いざ使おうとimport firebase from 'firebase'とすると

Module not found: Can't resolve 'firebase'

と言われ、エラーとなります。

Dockerのnodeで利用していることに起因するのでしょうか？
（しかし、firebase dependencyはdocker上でインストールしております）

どのようにすれば解決ができるでしょうか？

追記： 通常、importしているモジュールにカーソルを合わせれば、参照元が表示されますが、それがされません。
また、右クリックから元ファイルに飛ぼうとしても、定義がないと言われます。

しかし、node_modulesとpackage.jsonにはfirebaseが存在します。
node_modules内のfirebaseフォルダをパスで指定してもだめでした。

Comments

[miyabi-sun]

`const firebase = require("firebase");`という感じの古い書き方にしないと動かないかもしれません。

Next.jsを使っているとのことで、WebpackでJavaScriptファイルに変換されているかとは思いますが
ES2015のimport構文をフロントエンドで利用した場合、
`<script>`タグで用意した別ファイルから探すという、結局scriptタグかい！みたいなガッカリ感が凄い作りになっています。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import

[neoz]

ありがとうございます、requireでやってみてもだめでした。。別のdockerを使っていないプロジェクトでは、import記法でも問題なくfirebaseを使えているので、dockerでfirebaseをうまく追加できていないのでしょうか？
他のdependenciesと同様にdockerのnode内でyarn addしたのですが…

Answer 1

質問の記法は2021年初頭では動きましたが、最新のfirebaseパッケージでは動かないようです。

import firebase from 'firebase/compat/app';

で動きました。
import元の変更とか想定外なのでやめてほしい・・・