Проблема с путями к файлам операторов импорта - PullRequest
Новая
       10

Проблема с путями к файлам операторов импорта

0 голосов
/ 01 октября 2019

Когда я пытаюсь импортировать свой компонент SearchBar в App.js, он говорит, что модуль не может быть разрешен.

Я пытался выяснить это в течение нескольких дней, поэтому я предполагаю, что должен сделатькакая-то синтаксическая ошибка.

Я пытался просто использовать оператор экспорта в строке объявления класса для класса компонента SearchBar, а затем импортировать его в App.js, используя: Import { SearchBar } from './Components/SearchBar/Searchbar;'

Вот код для SearchBar.js: 

import React from 'react';

import './SearchBar.css';

class SearchBar extends React.Component {
  render() {
    return(<JSX Elmements>)
  }
}

export default SearchBar;

Вот оператор импорта в App.js: 

import SearchBar from './Components/SearchBar/SearchBar';

И это структура файла: 

SRC/
- App.js
- App.css
- Components/
  - SearchBar/
    - SearchBar.js
    - SearchBar.css

Этоя получаю сообщение об ошибке: 

./src/App.js
Module not found: Can't resolve './Components/Searchbar/SearchBar' in '/home/runner/src'

1 Ответ

0 голосов
/ 01 октября 2019

Первый SearchBar (каталог) в вашем импорте имеет строчную букву b.

В вашей структуре каталогов все они CamelCase.

Так что должно быть 

import SearchBar from './Components/SearchBar/SearchBar';

здесь была опечатка ------------------------------------------- ^

...