TypeError：(0，_analytics.analytics)不是一个函数)

Question

在react本地应用程序中，我使用的是firebase google分析。

问题是在跟踪屏幕上，我跟踪此链接，但是我有这个错误。

TypeError: (0 , _analytics.analytics) is not a function).

还有屏幕拍摄。

我的应用程序文件(drawer.js)：

import { createDrawerNavigator } from 'react-navigation-drawer';
import { createAppContainer } from 'react-navigation';
import Feed  from '../components/Home';
import {FeedStack}  from './stack';
import React, { Component } from 'react';
import  {analytics }from '@react-native-firebase/analytics';

const MyDrawerNavigator = createDrawerNavigator(
 {
   Feed: FeedStack
 },
);

function getActiveRouteName(navigationState) {
     if (!navigationState) {
       return null;
     }
     const route = navigationState.routes[navigationState.index];

     if (route.routes) {
       return getActiveRouteName(route);
     }
     return route.routeName;
 }

const AppContainer =createAppContainer(MyDrawerNavigator);
export default () => {
    return <AppContainer
        onNavigationStateChange={(prevState, currentState, action) => {
            const currentRouteName = getActiveRouteName(currentState);
            const previousRouteName = getActiveRouteName(prevState);

            if (previousRouteName !== currentRouteName) {
      analytics().setCurrentScreen(currentRouteName, currentRouteName);
            }
          }}
    />
}

我的app.js：

import Feed from './src/components/Home';
import HomePage from './src/components/homeEpaper';
import Navigator from './src/navigator/drawer';

import React, { Component } from 'react';


export default function App() {

    return (

      <Navigator />
    )

}

我还试着从‘@react本机-firebase/ analytics’导入分析；我得到了这个错误。屏幕截图

Answer 1

我认为你没有百分之百地遵循这些文档:)

在您的代码中，您需要：

import  {analytics }from '@react-native-firebase/analytics';

但是，如果您查看这个文件：https://github.com/invertase/react-native-firebase/blob/master/packages/analytics/lib/index.js，您会发现没有命名的导出分析。输入import {analytics}时所做的工作是导入一个命名的导出：https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

由于该文件中没有命名的导出分析，所以分析的值是未定义的，因此您将得到所描述的错误。

我应该键入(如链接示例中所写的)：

import analytics from '@react-native-firebase/analytics';

Answer 2

如果使用的是setCurrentScreen方法，则需要使用以下方法

package.jsom

"@react-native-firebase/analytics": "^10.4.0",
"@react-native-firebase/app": "^10.4.0",

不正确

import analytics from '@react-native-firebase/analytics';
.
.
.
analytics().setCurrentScreen('SignUpScreen');`

校正

import analytics from '@react-native-firebase/analytics';
.
.
.
// Google Firebase Analytics
analytics().logScreenView({
    screen_name: 'SignUpScreen',
    screen_class: 'SignUpScreen'
});

Answer 3

在新的更新中，setCurrentScreen不再存在。使用其他函数进行日志记录。