无法解析 'react-firebase-hooks'

Question

我正在开发 Next js 项目，我安装了名为 react-firebase-hooks 的软件包。我的 Package.json 文件：

{
  "name": "whatsapp",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "axios": "^0.21.1",
    "email-validator": "^2.0.4",
    "firebase": "^8.3.1",
    "next": "10.1.2",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-firebase-hooks": "^3.0.3",
    "styled-components": "^5.2.2"
  }
}

但是当我尝试在下一个 js 文件中导入它时 _app.js 就像

import '../styles/globals.css'
import {useAuthState} from "react-firebase-hooks"

function MyApp({ Component, pageProps }) {

  return <Component {...pageProps} />
}

export default MyApp

但我收到错误消息：

error - ./pages/_app.js:2:0
Module not found: Can't resolve 'react-firebase-hooks'
  1 | import '../styles/globals.css'
> 2 | import {useAuthState} from "react-firebase-hooks"
  3 |
  4 | function MyApp({ Component, pageProps }) {

我不明白为什么会出现这个错误，因为我已经安装了软件包，但仍然出现这样的错误

PS E:\Next\whatsapp> node -v
v14.16.0
PS E:\Next\whatsapp> npm -v
7.6.0

Answer 1

可能只是安装出了点问题，请尝试删除 node_modules 并再次 install。

rm -rf node_modules/
npm install --save react-firebase-hooks

Answer 2

朋友就像这样导入它“从 'react-firebase-hooks/auth' 导入 { useAuthState };”

无法解析 'react-firebase-hooks'

Can't resolve 'react-firebase-hooks'

npm

firebase

reactjs

npm-install

next.js