安装 Mixpanel SDK 的问题 - React Native答案

【问题标题】：Problem to install Mixpanel SDK - React Native安装 Mixpanel SDK 的问题 - React Native
【发布时间】：2021-01-28 08:39:44
【问题描述】：

我需要在工作中配置 mixpanel，为此我创建了一个测试项目来了解如何配置 mixpanel SDK。

我遵循了文档中的基本示例。 https://github.com/davodesign84/react-native-mixpanel

但我遇到了一个问题：'null 不是对象（评估 RNMixpnael.sharedInstanceWithToken）'。

这是我的代码：

import React from 'react';
import {
  SafeAreaView,
  Text,
  StatusBar,
} from 'react-native';

import Mixpanel from 'react-native-mixpanel';

Mixpanel.sharedInstanceWithToken("MY_PROJECT_TOKEN");

const App: () => React$Node = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
       <Text>Testing Mixpanel SDK</Text>
      </SafeAreaView>
    </>
  );
};

export default App;

还有错误：

有人可以帮我理解我做错了什么吗？

【问题讨论】：

这个问题只针对Android吗？你试过 iOS 吗？
您是否运行过 pod install github.com/davodesign84/…？你项目中的 react-native 库是什么版本的？
您应该确保“MY_PROJECT_TOKEN”不为空并且具有实际值
@NooruddinLakhani 我尝试对值进行硬编码，但仍然遇到问题。它在 iOS 上也能正常工作。
什么是 react native 版本？ >=0.60 将具有自动链接，否则您需要链接库。错误说 Mixpanel 实例为空，不是令牌问题

标签： javascript reactjs react-native sdk mixpanel

【解决方案1】：

在高于 0.60 的 react-native 版本中，自动链接应该可以工作。您所要做的就是：

使用 npm 或 yarn 安装 react-native-mixpanel
将 pod 'Mixpanel' 添加到您的 Podfile，使用令牌对其进行初始化

更多信息在这里：https://mixpanel.com/help/reference/ios
在 ios 文件夹中运行pod install
在你的 RN codd 中导入它：import Mixpanel from 'react-native-mixpanel'; 就像你做的那样

如果仍然出现 null 错误，请确保 JS 服务器已停止，删除 Xcode 派生数据，清理缓存 (npx watchman watch-del-all && yarn start --reset-cache) 并重建。它应该可以工作。

【讨论】：

“import com.kevinejohn.RNMixpanel.*;”有什么区别和“进口com.kevinejohn.RNMixpanel.RNMixpanel”？
@Evanss 我的回答是需要安装 pod。我更新了我的答案。问题是针对iOS，而不是针对Android。感谢您的评论。这让我意识到我添加了 Android 导入而不是 iOS 导入（第 2 步），并且我更正了该行。

【解决方案2】：

对我有用的是将此行添加到MainApplication.java

import com.kevinejohn.RNMixpanel.RNMixpanel;

【讨论】：