首页 > 解决方案 > Firebase 的 WebStorm 代码完成不起作用

问题描述

我正在尝试在 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. 启用它们:

    启用 Firebase 库

  4. 这是我的项目结构:

    项目结构

  5. 代码完成既不能在浏览器中工作,也不能在浏览index.html器中index.js执行。它还说它没有找到函数signOutcreateUserWithEmailAndPassword

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

标签: javascriptfirebasewebstorm

解决方案


推荐阅读