導入反應導航和本機庫時出錯

Question

當我import stacknavigator from react-navigation或native-base listitem import stacknavigator from react-navigation時，我是個新手。

1. 在博覽會上創建了新項目。
2. npm install --save react-navigation。
3. npm安裝。
4. npm開始enter code here

我不斷收到此錯誤，嘗試從GitHub存儲庫發行號4968解決該問題，但這沒有幫助，請您能幫忙嗎？ 無法解析反應導航，模塊映射中不存在該模塊

 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/以獲取工作示例