Question

我是新来的import stacknavigator from react-navigation或来自native-base的列表项。

在世博会上创建了新项目。
npm install --save react-navigation。
npm install。
npm start enter code here

我不断收到此错误，尝试了GitHub repo问题编号4968的解决方案，但这没有用，你能帮忙吗？ unable to resolve react-navigation, module doesn't exist in module map

App.js

 
{import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {StackNavigator} from 'react-navigation'
import LoginScreen from './Screens/LoginScreen'
import HomeScreen from './Screens/HomeScreen'
export default class App extends React.Component {
  render() {
    return (
      <AppNavigator/>
    );
  }
}
const AppNavigator = StackNavigator({
  LoginScreen : {screen : LoginScreen},
  HomeScreen : {screen : HomeScreen}
})
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});`

    LoginScreen.js

`
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class LoginScreen extends React.Component {
  render() {
    return (
        <View>
     <Text> This is login Screen </Text>
     </View>
    );
  }
}
export default LoginScreen;`

Answer 1

使用react-native，在使用npm install安装新软件包后，必须运行react-native link来更新node-modules文件夹。然后，如果使用android，如果需要，你可以运行：

cd android && gradlew clean
cd .. & react-native run-android

此外，您的代码在导入中会出现一些语法错误。修复; 在结束行中 {在第 3行。

Answer 2

检查NativeBase文档。 RN，Expo和Web应用程序的安装记录清楚。

同时检查https://reactnativeseed.com/是否有工作示例

导入react-navigation＆amp;时出错天然基

2 个答案: