Bonjour,

J'ai un souci sur le premier cours de la troisième partie du Mooc "Développez une application mobile React Native".

J'installe react-navigation comme dans le cours : npm install --save react-navigation

Il m'installe bien un répertoire @react-navigation et la dépendance "react-navigation": "^4.4.4" dans mon package.json

Je fais les modifications de code du cours :

Navigation.js : 

// Navigation/Navigation.js

import { createStackNavigator, createAppContainer } from 'react-navigation-stack'
import Search from '../Components/Search'

const SearchStackNavigator = createStackNavigator({
    Search: { // Ici j'ai appelé la vue "Search" mais on peut mettre ce que l'on veut. C'est le nom qu'on utilisera pour appeler cette vue
        screen: Search,
        navigationOptions: {
            title: 'Rechercher'
        }
    }
})

export default createAppContainer(SearchStackNavigator)

 Et App.js :

// App.js

import React from 'react'
import Navigation from './Navigation/Navigation'

export default class App extends React.Component {
  render() {
    return (
      <Navigation/>
    )
  }
}

Lorsque je lance l'application, j'ai ce message d'erreur :

Unable to resolve module react-navigation-stack from /Users/user/Dropbox/xxx/Clients/_Formation/REACT NATIVE/MoviesAndMe/Navigation/Navigation.js: react-navigation-stack could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
  1 | // Navigation/Navigation.js
  2 |
> 3 | import { createStackNavigator, createAppContainer } from 'react-navigation-stack'
    |                                                           ^
  4 | import Search from '../Components/Search'
  5 |
  6 | const SearchStackNavigator = createStackNavigator({

J'ai été voir la documentation de la librairie stack navigator mais la procédure d'installation et les pré-requis semblent différents. 

Est-ce que quelqu'un pourrait m'éclairer, s'il vous plait ?

Voici la totalité de mon package.json au cas où :

{
  "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": {
    "expo": "~42.0.1",
    "expo-status-bar": "~1.0.4",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
    "react-navigation": "^4.4.4"
  },
  "devDependencies": {
    "@babel/core": "^7.9.0"
  },
  "private": true
}

Merci d'avance

-
Edité par fraggle436 13 août 2021 à 16:18:53