使用 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 构建失败的主要内容,如果未能解决你的问题,请参考以下文章