react-navigation引入的时候报错

Question

问题描述

import { createStackNavigator, createAppContainer } from "react-navigation" 引入的时候报错，报错的提示如下：

问题出现的环境背景

react-native : 0.57.8
react-navigation: 3.0.9

相关代码

// In App.js in a new project

import React from "react";
import { View, Text } from "react-native";
import { createStackNavigator, createAppContainer } from "react-navigation";

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

const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen
  }
});

export default createAppContainer(AppNavigator);

实际看到的错误信息是什么？

error: bundling failed: Error: While trying to resolve module react-navigation from file /Users/elias/Documents/rn/rn_one/App.js, the package /Users/elias/Documents/rn/rn_one/node_modules/react-navigation/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/Users/elias/Documents/rn/rn_one/node_modules/react-navigation/src/react-navigation.js. Indeed, none of these files exist:

• /Users/elias/Documents/rn/rn_one/node_modules/react-navigation/src/react-navigation.js(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
• /Users/elias/Documents/rn/rn_one/node_modules/react-navigation/src/react-navigation.js/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)

Answer 1

终端停下来，然后在 npm run start

npm start

因为安装了 react-navigation 没重启就找不到