React/Redux 项目给我错误“编译失败。模块构建失败：错误：ENOENT：没有这样的文件或目录''答案

【问题标题】：React/Redux project giving me the error 'Failed to compile. Module build failed: Error: ENOENT: no such file or directory''React/Redux 项目给我错误“编译失败。模块构建失败：错误：ENOENT：没有这样的文件或目录''
【发布时间】：2019-02-23 00:30:05
【问题描述】：

这是触发错误的组件：

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;

我导出组件的方式有什么不正确导致编译时找不到它？

【问题讨论】：

你检查过你的Task组件和你的TodoList组件在同一个目录吗？
是的，其实在同一个目录下。
你在使用 webpack 吗？你在解决扩展吗？
你也安装了 react 例如“npm install react”还是“yarn add react”？

标签： javascript reactjs redux

【解决方案1】：

import Task from './Task';

试试

import Task from './Task.js';

或者

import Task from './Task.jsx';

如果使用 jsx 文件

【讨论】：