Requirejs - 尝试使用 firebase 脚本时出错

Question

我正在登录页面，使用 firebase 进行用户身份验证。

这是 main.js 脚本

require.config({
    paths: {
        'firebase': '/scripts/lib/firebase-app',
        'firebase-auth': '/scripts/lib/firebase-auth',
        'firebase-database': '/scripts/lib/firebase-database'
    },
    shim: {
        'firebase-auth': ['firebase'],
        'firebase-database': ['firebase']
    }
});

我在 firebase-init.js 中有这个

define(['firebase'], function(firebase) {
    var config = {
        apiKey: "...",
        authDomain: "...",
        databaseURL: "...",
        projectId: "...",
        storageBucket: "...",
        messagingSenderId: "..."
    };
    firebase.initializeApp(config);
});

这是 login.js

define(['firebase', 'firebase-auth', 'firebase-init'], 
       function(firebase, firebaseAuth, firebaseInit) {
    ...
    code to login/logout user
    ...
});

当我运行它时，我得到了这个错误。

  TypeError
    columnNumber: 31509
    ​fileName: "http://localhost:3000/scripts/lib/firebase-auth.js"
    ​lineNumber: 1
    ​message: "n is undefined"
    ​stack: "Zn@http://localhost:3000/scripts/lib/firebase-auth.js:1:31509\nbi@http://localhost:3000/scripts/lib/firebase-auth.js:1:33789\n@http://localhost:3000/scripts/lib/firebase-auth.js:1:69619\n@http://localhost:3000/scripts/lib/firebase-auth.js:1:186\n@http://localhost:3000/scripts/lib/firebase-auth.js:1:2\n"

还有这个。

Error: Cannot instantiate firebase-auth - be sure to load firebase-app.js first.

这是我第一次使用 Requirejs。我有什么配置错误吗？在网络选项卡中，我可以看到 firebase-app.js 在 firebase-auth.js 之前加载。

谢谢。

PS：如果我使用 firebase.js，而不是分别使用 firebase-app.js 和 firebase-auth.js，效果会很好。

Answer 1

你必须像“@firebase/app”一样调用firebase.app.js

在这里查看我的答案Error loading firebase js with requirejs

Answer 2

我认为您需要修改您的 firebase-init.js 模块以首先加载所有 firebase 模块，因为它们需要在调用 firebase.initializeApp 之前加载。

define(['firebase', 'firebase-auth', 'firebase-database'], function(firebase) {
    var config = {
        apiKey: "...",
        authDomain: "...",
        databaseURL: "...",
        projectId: "...",
        storageBucket: "...",
        messagingSenderId: "..."
    };
    firebase.initializeApp(config);
});

您还应该考虑将 exports 添加到 shim。

请确认这是否有效:)