React:找不到模块:无法解析“C:\Users\<Name>\Web Dev\Firechat\firechat\src”中的“react-firebase”hooks”

Pap*_*ete 4 npm firebase reactjs

因此,我尝试使用 React、Firebase 和 react-firebase-hooks 模块制作一个 Web 应用程序,但我什至无法编译我的代码。我已经卸载了react-firebase-hooks至少3次了,然后又重新安装了它。我什至在全球范围内安装了它。我的 npm list 输出是:

npm 列表

Firebase 解决得很好并且没有任何问题,因此不可能是未安装某些东西。在我的代码中,我使用:

import {useAuthState} from 'react-firebase-hooks';
import {useCollectionData} from 'react-firebase-hooks/firestore';
Run Code Online (Sandbox Code Playgroud)

从react-firebase-hooks导入useAuthState和useCollectionData。

还有其他人对此有任何问题吗?这是我没有注意到的某种兼容性问题吗?我还创建了一个完全独立的项目运行

npx create-react-app test
Run Code Online (Sandbox Code Playgroud)

进而

cd test
Run Code Online (Sandbox Code Playgroud)

其次是

npm install --save react-firebase-hooks 
Run Code Online (Sandbox Code Playgroud)

,从该模块导入相同的 2 个组件,运行我的代码

npm start
Run Code Online (Sandbox Code Playgroud)

并得到了与我在实际应用程序中相同的错误。

我也用过

rm -rf node_modules
Run Code Online (Sandbox Code Playgroud)

然后跑了

npm install
Run Code Online (Sandbox Code Playgroud)

无济于事。

我对 Web 开发世界以及 React 和 Firebase 都相当陌生,所以如果我在这里忽略了某些内容,请原谅我。

Olu*_*nwo 13

useAuthState 来自“react-firebase-hooks/auth”模式,这就是它不起作用的原因