使用 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 + Firebase 使用钩子?

React Hooks 不适用于 Firebase Cloud Functions 错误:不变违规:无效的钩子调用

React Hooks + Firebase Firestore onSnapshot - 正确使用带有反应钩子的 Firestore 监听器

React Hooks:如何在 useEffect 中设置状态?

React-native hooks 表单验证

错误:使用 react-hooks 时超出最大更新深度