Реакт говорит, что не может найти указанный файл, я проверил каталог и имя, и все, кажется, в порядке

Question

enter code here

export default connect(
  mapStateToProps,
  { fetchPosts, fetchUsers }
)(PostList);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

. / Src / components / App.js Не удается найти файл: 'Postlist.js' не соответствует соответствующему имени на диске: '.\ src \ components \ PostList.js '.

Вместо использования обычного экспорта перед именем класса, я экспортировал его через функцию connect реагирующей-редукции.Я новичок в Redx и до сих пор не совсем понимаю, как работает функция подключения.

> import React from "react";
import PostList from "./PostList";

const App = () => {
  return (
    <div className="ui container">
      <PostList />
    </div>
  );
};
export default App;

Answer 1

импорт PostList из './PostList' ;

1) Как я вижу, что и App.js, и PostList.js находятся в одной папке, пользователь может используйте приведенную выше строку кода будет работать нормально. 2) Вы должны импортировать компонент, как вы экспортировали. (Импорт / экспорт с учетом регистра)

Answer 2

Хотя ваш код неполон, он выглядит опечаткой: вы импортируете Postlist (строчными буквами «l») и экспортируете PostList (прописными буквами «L»).Вам необходимо импортировать PostList с заглавными буквами в App.js.