Модуль не найден: Ошибка: не удается разрешить «Домой» - PullRequest
0 голосов
/ 19 апреля 2020

Я только начал изучать React и наткнулся на эту ошибку, пытаясь построить с помощью веб-пакета.

Module not found: Error: Can't resolve 'Home' in 'D:\wamp64\www\Wallet\src\components'
resolve 'Home' in 'D:\wamp64\www\Wallet\src\components'

Мой webpack.config. js:

const path = require('path');
module.exports = {
  entry: {
    index: '.src/index.js',
    js: './src/js/index2.js',
    react: './src/components/App.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['env', 'stage-0', 'react']
        }
      }
    ]
  }
};

Мой дом. js:


const Home = () => {
  return <h1>Home</h1>
}

export default Home

Вот как я импортировал Home in App. js:

import { BrowserRouter, Route, Switch , Link} from 'react-router-dom';
import Home from 'Home';
import About from 'About';

Я натолкнулся на несколько вопросов здесь, в которых предлагалось добавление пустого индекса. js в папку sr c, но это тоже не сработало.

1 Ответ

1 голос
/ 19 апреля 2020

ваш импорт некорректен

import Home from 'Home';
import About from 'About';

вам нужно указать путь и файл, например:

import Home from './src/components/Home.js';

home. js - это файл, в котором вы экспортировал ваш компонент

...