Impossible de résoudre le module (non trouvé) dans React.js

Question

Je ne peux pas croire que je pose une question évidente, mais j'obtiens toujours l'erreur dans le journal de la console.

La console dit qu'elle ne peut pas trouver le module dans le répertoire, mais j'ai vérifié au moins 10 fois les fautes de frappe. Quoi qu'il en soit, voici le code du composant.

Je veux rendre En-tête dans Racine

import React, { Component } from 'react'
import Header from './src/components/header/header'
import logo from './logo.svg'
import './App.css'

class App extends Component {
  render() {
    return (
      <Header/>
    );
  }
}

export default App;

C'est le Header composant

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import navBar from './src/components/header/navBar'
import './src/css/header.css'

class Header extends Component {
    render() {
        return {
            <div>
             <div id="particles-js"></div>
             <navBar/>
             <Title/>
          </div>
        };
    }
}

ReactDOM.render(<Header/>, document.getElementById('header'));

J'ai vérifié au moins 10 fois que le module se trouve à cet endroit. ./src/components/header/header et c'est le cas (le dossier "header" contient "header.js").

Pourtant, React jette toujours cette erreur :

Échec de la compilation

./src/App.js Module not found: Can't resolve './src/components/header/header' in '/home/wiseman/Desktop/React_Components/github-portfolio/src'

npm test dit la même chose.

Answer 1

Dans mon cas, je renomme un fichier de composant, et VS Code ajoute la ligne de code ci-dessous pour moi :

import React, { Component } from "./node_modules/react";

Donc j'ai réparé en enlevant le : ./node_modules/

import React, { Component } from "react";

A la vôtre !

Answer 2

Je pense que ça peut vous aider

Lisez attentivement votre erreur-./src/App.js Module non trouvé : Impossible de résoudre './src/components/header/header' dans '/home/wiseman/Desktop/React_Components/github-portfolio/src'.

écrivez simplement ./header/header au lieu de ./src/components/header/header dans App.js

Si cela ne fonctionne pas, essayez de changer le nom du fichier d'en-tête.