[英]Can't resolve 'react-navigation' in '../SecondApp\node_modules\react-navigation-stack\lib\module\navigators'
[英]Module not found: Can't resolve '@react-navigation/stack' React-Native
我试图设置一个 react-native 项目,在该项目中,我只尝试在 app.js 中使用包 react-navigation 创建堆栈导航器,我按照本指南https://reactnavigation.org/docs/getting-started然后进入https://reactnavigation.org/docs/hello-react-navigation但我收到错误
编译失败。 D:/Visual Studio Code/Resturant Review/food/App.js Module not found: Can't resolve '@react-navigation/stack' in 'D:\\Visual Studio Code\\Resturant Review\\food' 这是我的代码:
//app.js
import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
function HomeScreen() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
</View>
);
}
const Stack = createStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
/// package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"@react-native-community/masked-view": "0.1.10",
"@react-navigation/native": "^5.7.3",
"expo": "~38.0.8",
"expo-status-bar": "^1.0.2",
"react": "~16.11.0",
"react-dom": "~16.11.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-reanimated": "~1.9.0",
"react-native-safe-area-context": "~3.0.7",
"react-native-screens": "~2.9.0",
"react-native-web": "~0.11.7"
},
"devDependencies": {
"@babel/core": "^7.8.6",
"babel-preset-expo": "~8.1.0"
},
"private": true
}
请注意,我尝试npm install
,重新启动项目,删除和安装以及我在网上找到的所有建议,但没有奏效。
非常感谢你的帮助!。
基本上,如果您运行npm install
,它会尝试从您的package.json
选择要安装的依赖项。 但问题是@react-navigation/stack
不存在。
您需要安装该依赖项才能使用。 因此尝试安装该模块如下:
npm install @react-navigation/stack
好像你还没有安装这个包在使用 nodejs 项目时,确保你安装了所有需要的包,你只需要安装@react-navigation/stack所以就运行
$ npm i --save @react-navigation/stack
如果您在不同的 RN 项目中需要相同的包,则保存选项不是必需的但很重要希望它会有所帮助
用这个
npm i react-navigation-stack
我也遇到了这个问题,但基本上执行了 2 个步骤后,问题就解决了:) 1.使用命令提示符安装 react-navigation-stack
project_directory_path\AwesomeProject>npm install @react-navigation/stack
2.安装后我们需要运行一个命令
project_directory_path\AwesomeProject>npx react-native start --port=8080
现在点击你的命令来运行设备上的构建
project_directory_path\AwesomeProject>npx react-Native run-android
如果您仍然遇到错误,这里是答案。
在你的 VS 代码终端中复制这个和过去。
npm install @react-navigation/native
npm install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm install @react-navigation/stack
你必须像这样导入模块:
import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
Bonjour, je suis tomber sur ce même problème et j ai déjà essayer tous ces solutions mais je 'ai pas réussi。 Quelqu'un Pourrai t-il m'aider 高级副总裁?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.