ReactJS导入外部文件数据报错：未找到export 'Data'

你的data.js使用的是默认导出，理论上import Data from './data'的语法是正确的，错误提示表明系统误认为你在尝试命名导入Data而非默认导入，以下是具体排查和解决步骤：

1. 确认导入语句未误写为命名导入 #

检查组件文件中的导入代码，确保是默认导入语法：

import Data from './data';

而非命名导入（这种写法会直接触发错误）：

import { Data } from './data';

2. 清除开发服务器缓存 #

React开发服务器可能缓存了旧的模块解析结果，即使代码修改后仍报错：

• 关闭当前运行的开发服务器（按Ctrl+C终止）
• 删除项目根目录下的node_modules/.cache文件夹（Create React App项目的缓存目录）
• 重新启动服务器：执行npm start或yarn start

3. 检查文件名的大小写与扩展名 #

• 确认数据文件实际名为data.js，而非Data.js或data.jsx（Linux/macOS系统区分文件名大小写，大小写不匹配会导致导入失败）
• 若项目配置要求必须指定文件扩展名，尝试修改导入语句为：

  import Data from './data.js';
  

4. 排查data.js中的导出冲突 #

确保data.js中没有多余的命名导出干扰默认导出，保持代码如下即可：

// data.js
const data = [
    // 你的对象数组
];

export default data;

内容的提问来源于stack exchange，提问作者Kuldeep Sonara