Firebase的WebStorm代码完成不起作用

Question

我正在尝试在WebStorm中基于Firebase构建PWA，并尝试为Firebase库工作而完成代码。

1. 通过CDN链接将库添加到了我的index.html。

   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-app.js"></script>
   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-auth.js"></script>
   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-database.js"></script>
   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-firestore.js"></script>
   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-messaging.js"></script>
   <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-functions.js"></script>
   

2. 将库添加到“ WebStorm的外部库”中：

   

3. 启用了它们：

   

4. 这是我的项目结构：

   

5. 代码补全在index.html或index.js中均不起作用，但在浏览器中执行正常。它还表示找不到功能signOut和createUserWithEmailAndPassword：

   "use strict";
   function signOut() {
       firebase.auth().signOut();
   
   }
   function signIn(email,password) {
       firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
           console.log(error.message);
       });
   }