如何让 TypeScript 识别 firebase 导入

我试图通过访问 firestore 客户端在小型 TypeScript Web 应用程序中显示 firestore 的内容。但是，tsc 无法编译，因为它找不到 firebase 模块。

在我的index.html的头部，我从gstatic导入了firebase-app.js，从gstatic导入了firebase-firestore.js，以及按顺序编译的script.js。我目前有 3 个 TypeScript 文件编译为单个 js 文件，我正在尝试加载三个文件中第一个文件中的数据。

我的index.html在这里导入了head中的三个脚本

    <script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-app.js"></script>

    <script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-firestore.js"></script>

    <script src="scripts/script.js" type="module"></script>

然后我的 tsconfig.json 使用这些选项编译三个文件

{
    "compilerOptions": {
        "target": "esnext",
        "watch": true,
        "outFile": "public/scripts/script.js",
        "module": "system"
    },
    "files": [  
                "scripts/temp.ts",
                "scripts/loaddata.ts",
                "scripts/control.ts"
            ]
}

最后，temp.ts 的第一行是我导入时发生错误的地方

import * as firebase from 'firebase/app';
import 'firebase/firestore';

const firebaseConfig = {
//config here
}

firebase.initializeApp(firebaseConfig);

let db = firebase.firestore();

VS Code 给我语法错误 Cannot find module 'firebase/app' ，因此无法编译。我尝试了 firebase 和应用程序的几种不同组合，但导入模块失败。使用 firebase/firestore 时是否可以将多个 TypeScript 文件编译为单个 javascript 文件？我成功地使用原始 JavaScript 检索了我的数据，但我更喜欢使用 TypeScript，因为我的项目的其余部分就是用 TypeScript 编写的！

    import firebase from '@firebase/app'
    import '@firebase/auth'

    firebase.auth().createUserWithEmailAndPassword(email, passowrd)