ReactJS：从外部文件导入数据抛出“导出数据未找到”错误

Question

我正在开发一个 ReactJS 项目并尝试从外部文件导入数据，但我一直遇到错误：

export 'Data' (imported as 'Data') was not found in './data' (possible exports: default)

。

我有一个名为

data.js

的文件，我在其中导出包含一些数据的对象数组。它看起来是这样的：

// data.js

const data = [
    // Array of objects
];

export default data;

在我的组件文件中，我使用以下方式导入此数据：

import React from 'react';
import Data from './data';

const MyComponent = () => {
    // Component logic
};

export default MyComponent;

我已经仔细检查了文件路径，它们看起来是正确的。但是，我仍然收到此错误。什么可能导致此问题？我该如何解决？

我尝试过的： 我尝试将数据从名为 data.js 的外部文件导入到我的 React 组件文件中。按照标准做法，我使用 import 语句从

data.js

引入导出的数据对象。

预期结果： 我希望 import 语句能够成功从

data.js

获取名为 Data 的导出数据对象，使我能够在我的 React 组件中使用它。

实际结果： 我没有收到预期的结果，而是收到一条错误消息，指出

export 'Data' (imported as 'Data') was not found in './data'

。这是出乎意料且令人困惑的，因为我已在

data.js

中正确导出了默认的数据对象。

Answer 1

0
投票

尝试命名导出而不是默认导出