gpt4 book ai didi

csv - 在 Create React App 中导入 .csv 文件时出现 "Cannot find module"

转载 作者:行者123 更新时间:2023-12-04 04:17:45 24 4
gpt4 key购买 nike

我正在尝试导入 CSV 以与 D3 库一起使用以在 Create React App 项目中创建图表,但即使 CSV 文件的路径正确,导入文件也会引发“找不到模块”错误。

我觉得这可能与 CRA 的 Webpack 配置有关,但看起来这是在使用文件加载器,所以我不确定问题是什么。数据文件位于 CRA 的 src 目录中。

下面代码中的控制台日志正在运行正确的数据,这意味着必须访问数据。在此之后引发错误(尽管 CSV 的路径在我的编辑器中带有红色下划线)。

我正在使用 TypeScript,但我认为这与问题无关。

import React from 'react';
import * as d3 from 'd3';
import CSVData from '../data/data.csv';

const BarChart: React.FC = () => {
d3.csv(CSVData).then(res => {
console.log(res);
});
return <div>Test</div>;
};

export default BarChart;

最佳答案

CRA 不支持导入 .csv文件。在不从 CRA 中弹出的情况下,最好的选择是将该文件与 yarn/npm build 的结果一起复制。到您的网络服务器,然后 fetch在运行时调用它。

如果该 CSV 很大(超过几 kb),那么它在性能/代码拆分方面也是更好的选择。

关于csv - 在 Create React App 中导入 .csv 文件时出现 "Cannot find module",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60230365/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com