使用 React Firebase Hooks 和 Vite 构建失败
Posted
技术标签:
【中文标题】使用 React Firebase Hooks 和 Vite 构建失败【英文标题】:Build Failing with React Firebase Hooks and Vite 【发布时间】:2021-06-14 01:40:50 【问题描述】:我正在尝试使用 vite 构建我的 react 项目,但它抛出了以下错误。
node_modules/react-firebase-hooks/auth/dist/auth/types.d.ts:2:50 - error TS2304: Cannot find name 'AuthActionHook'.
2 export declare type EmailAndPasswordActionHook = AuthActionHook<firebase.auth.UserCredential, firebase.FirebaseError>;
开发版本运行良好,所以我不确定构建失败的原因。
vite.config.js
import defineConfig from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
// https://vitejs.dev/config/
export default defineConfig(
plugins: [reactRefresh()]
)
【问题讨论】:
【参考方案1】:应该是react-firebase-hooks
模块有类型声明错误引起的。您可以通过删除 package.json
中构建脚本的 tsc 命令来解决:
"scripts":
// "build": "tsc && vite build"
"build": "vite build",
,
另外,你可以skipLibCheck
:
// tsconfig.json
"compilerOptions":
"skipLibCheck": true
,
【讨论】:
以上是关于使用 React Firebase Hooks 和 Vite 构建失败的主要内容,如果未能解决你的问题,请参考以下文章
React Hooks 不适用于 Firebase Cloud Functions 错误:不变违规:无效的钩子调用
React Hooks + Firebase Firestore onSnapshot - 正确使用带有反应钩子的 Firestore 监听器