0

所以我一直在努力将 CSV 数据导入我的 react 应用程序以使用 deck.gl 绘制它。到目前为止，我尝试过以下几件事：

将数据加载为 CSV 文件。为此，我编写了这段代码来加载文件：

import * as fs from 'fs';
import * as CSVreader from 'csv-reader';

export async function LoadVertexData() {
    let inputStream = fs.createReadStream('../data/vertices.csv', 'utf8');
    inputStream
        .pipe(new CSVreader({ parseNumbers: true, parseBooleans: true, trim: true }))
        .on('data', function (row) {
            console.log('A row arrived: ', row);
        })
        .on('end', function () {
            console.log('No more rows!');
        });
    return "YEET";
}

在这种情况下，我只是被告知 fp.createReadStream 不是一个函数

因此，我尝试加载 JSON 数据。使用这段代码：


export async function LoadJsonData(){
    const rawData = await fetch('../data/RestructuredDataExample.json');
    const rawDataParsed = await rawData.json();

    console.log(rawDataParsed.length);

    return rawDataParsed;
}

这告诉我“未捕获（承诺）SyntaxError：意外的令牌<在JSON中的位置0”但这没有任何意义，因为JSON数据看起来像这样

{"nodes": [
{"id": 32470, 
"label": "SomethingSomething", 
"xpos": 1954.292236328125, 
"ypos": -620.9590454101562, 
"modularityClass": 14, "color": 
"rgb(115,192,0)", 
"size": 10.0}, ...]}

这对我来说绝对没有意义，在这一点上我很困惑，非常感谢任何帮助。

4

1 回答 1

0

所以我通过编辑 hte 行来解决这个问题

const rawData = await fetch('../data/RestructuredDataExample.json');

在 react 或 webpack 中，您不想升级并想使用 'public/' 文件夹中的任何内容

于 2021-11-24T22:30:07.453 回答