Firebase：未捕获错误：尚未注册组件分析

Question

我正在努力让 firebase 为 class 的 webapp 项目工作。这并不容易。 我不断收到错误，我所做的每一次更改都会产生不同的错误。 项目中初始化Firebase。 这是我最近的错误：

>provider.ts:239 Uncaught Error: Component analytics has not been registered yet
>>at Provider.initialize (provider.ts:239),
>>at initializeAnalytics (api.ts:108),
>>at firebase-config.js:23,
>>>initialize @ provider.ts:239,
>>>initializeAnalytics @ api.ts:108,
>>>(anonymous) @ firebase-config.js:23

这个错误似乎源于我的 firebase-config 文件，但我真的迷路了：

   // Import the functions you need from the SDKs you need
        //import * as firebase from 'firebase/app'; 
        import { initializeApp } from '../node_modules/firebase/firebase-app.js';
        import { initializeAnalytics , getAnalytics } from '../node_modules/firebase/firebase-analytics.js';
        
        
        const firebaseConfig = {
          [config keys]
        };
        
        // Initialize Firebase
        const fb_app = initializeApp(firebaseConfig); // returns an app 
        initializeAnalytics(fb_app); // added to circumvent error, but it still appears.
        const analytics = getAnalytics(fb_app);
        
        console.log(analytics); 
        export {fb_app};

任何帮助，将不胜感激。 谢谢

Answer 1

如果您使用的是 v9 SDK，您的导入语句必须是

import { initializeApp } from 'firebase/app';
import { initializeAnalytics , getAnalytics } from 'firebase/analytics';

不是直接的文件。 这里有一个相关的讨论： https://issueexplorer.com/issue/firebase/firebase-js-sdk/5597

Answer 2

我在带有webpack项目的React-native-web中也遇到了同样的问题。 这只是 Webpack CompileLibs 依赖项中的冲突问题。 如果您的webpack.config.js文件中有"firebase" ，请从那里删除。