我正在开发 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"
}
}
但是当我尝试将其导入到 Next 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
朋友只需像这样导入它“import { useAuthState } from 'react-firebase-hooks/auth';”
可能只是安装出了问题,请尝试删除
node_modules
并再次install
。
rm -rf node_modules/
npm install --save react-firebase-hooks
我也有类似的问题,我必须重新启动我的服务器,重新启动后它工作正常