【问题标题】:undefined is not a function (evaluating 'react DevTools.connect DevTools')undefined 不是函数(评估'react DevTools.connect DevTools')
【发布时间】:2019-01-04 14:31:36
【问题描述】:

我实际上是在学习 react-native 的导航工具。我尝试了文档 https://reactnavigation.org/docs/en/hello-react-navigation.html 中的一个示例。我不知道为什么它显示这个错误

代码如下:

     import React from 'react';
    import { View, Text, Button } from 'react-native';
    import { createAppContainer, createStackNavigator, StackActions, 
    NavigationActions } from 'react-navigation'; // Version can be specified 
    in package.json

     class HomeScreen extends React.Component {
      render() {
        return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' 
       }}>
      <Text>Home Screen</Text>
      <Button
       title="Go to Details"
       onPress={() => {
        this.props.navigation.dispatch(StackActions.reset({
          index: 0,
          actions: [
            NavigationActions.navigate({ routeName: 'Details' })
          ],
        }))
      }}
            />
          </View>
         );
         }  
          }

  class DetailsScreen extends React.Component {
  render() {
  return (
   <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' 
    }}>
    <Text>Details Screen</Text>
  </View>
  );
 }  
 }

const AppNavigator = createStackNavigator({
Home: {
 screen: HomeScreen,
  },
  Details: {
  screen: DetailsScreen,
 },
}, {
  initialRouteName: 'Home',
 });

export default createAppContainer(AppNavigator);

你知道如何解决这个问题吗?

【问题讨论】:

    标签: react-native react-navigation


    【解决方案1】:

    在带有 React-Native 0.57.8 的 Mac 上,我删除了 node_modules 和 package.lock.json,然后将:react-devtools-core@3.4.2 放在 devDependencies 下。跑npm installreact-native run-ios,它奏效了。根据 React DevTools 的贡献者的说法,这个问题已经得到修复,基于这个线程:https://github.com/facebook/react-native/issues/22865

    【讨论】:

      【解决方案2】:

      在这里解决:https://github.com/facebook/react-native/issues/22863

      回滚到 react-devtools-core@3.4.2 对我有用:

      yarn add --dev react-devtools-core@3.4.3 或者 npm install --save-dev react-devtools-core@3.4.3

      【讨论】:

        猜你喜欢
        • 2019-06-10
        • 2019-07-24
        • 1970-01-01
        • 2019-05-10
        • 2018-10-30
        • 2019-07-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多