Проект React / Redux выдает ошибку 'Не удалось скомпилировать.Ошибка сборки модуля: Ошибка: ENOENT: нет такого файла или каталога ''

Question

Это компонент, вызывающий ошибку:

TodoList.js

import React from 'react';
import Task from './Task';

const TodoList = (props) => {
  const tasks = props.tasks.map((task, i) => <Task task={task} key={i} index={i} />);
  return (
    <ul>
      { tasks }
    </ul>
  );
};

export default TodoList;

Что неправильно в том, как я экспортирую компонент, который вызывает егоне найти при компиляции?

Answer 1

import Task from './Task';

try

import Task from './Task.js';

Или

import Task from './Task.jsx';

при использовании файлов jsx