如何使用npm包的内置typescript定义(尤其是firebase)

Question

我正在为firebase编写typescript web应用程序。但是我不能让导入为firebaseui和firebase本身工作。这是我的一个普遍问题，我从来无法导入没有@types包的库附带的类型定义。我的设置似乎有问题，但我找不到我走错弯的地方。

我刚刚安装了"firebaseui"通过npm，并尝试在firebase的文档中使用它，但我无法获得firebaseui和firebase的导入。身份验证正确。Visual Studio Code也不提供这样的导入。

我将把导入写成这样:

import { firebase } from 'firebase';
import { firebaseui } from 'firebaseui';

我也看到其他人使用这个也不工作

import { firebase, firebaseui } from 'firebase';

编译器找不到'firebase'模块。似乎没有从包内提取类型。

我tsconfig。Json是这样的:

"compilerOptions": {
"target": "es2015",
"strict": true,
"strictNullChecks": false,
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true
}
}

我的TSC版本是7.15.1

我发现了这个问题，但是没有解释，它也不起作用。如何让TypeScript识别firebase import

Answer 1

这确实是我自己的错误。我遵循firebase网站上的官方文档，该软件包的github页面可能有更多最新或更准确的文档Firebaseui必须导入为:

import firebaseui from 'firebaseui';

不带大括号

Firebase隐藏在Firebase的子文件夹中:

import firebase from 'firebase/compat/app';

在包的github页面上找到了解决方案，他们使用import而不是require来显示正确的路径。https://github.com/firebase/firebaseui-web