Javascript 反应本族语:Can';t导入和使用外部软件包
我正在尝试使用react native tabbar navigator包。我做的Javascript 反应本族语:Can';t导入和使用外部软件包,javascript,node.js,reactjs,npm,react-native,Javascript,Node.js,Reactjs,Npm,React Native,我正在尝试使用react native tabbar navigator包。我做的 npm install react native tabbar navigator--将保存在我的项目目录中以安装软件包。在我的代码中,我有以下导入行来使用包 import React, { Component } from 'react'; import {TabBarNavigator} from 'react-native-tabbar-navigator' import MainTab from './M
npm install react native tabbar navigator--将
保存在我的项目目录中以安装软件包。在我的代码中,我有以下导入行来使用包
import React, { Component } from 'react';
import {TabBarNavigator} from 'react-native-tabbar-navigator'
import MainTab from './MainTab';
import {
AppRegistry,
StyleSheet,
Text,
View,
} from 'react-native';
但是,在我的android模拟器上运行此命令会导致以下错误:
似乎您正在尝试从react-native包访问“ReactNative.Component”。也许您想从“React”包中访问“React.Component”
如果删除TabBarNavigator的导入行,错误就会消失。为什么会这样
我使用的是tabbarnavigator的0.3.0版和react native的0.31.0-rc.0版。该库已经过时,除非他们发布新版本,否则无法正常工作 如您所见,
TabBarNavigator
正在从'react-native'
导入组件,该组件在react-native
v0.26+上不受支持
您可以在本地包(node\u modules
)中手动更改它
替换
var React = require('react-native');
var {
Component,
StyleSheet,
Text,
View,
TabBarIOS
} = React;
对此
import {
StyleSheet,
Text,
View,
TabBarIOS
} from 'react-native';
import {Component} from 'react'
在MainTabBar.js和MainNavigator.js中
无论如何,安装更新的库会更容易,比如。您使用的是什么版本的TabBarNavigator?我使用的是0.3.0版