javascript - 网络包 : SyntaxError: Unexpected token error when trying to access JSON array

Question

我正在从 .js 文件导入 .json:import pca from './pca.js'。使用 console.log() 在控制台中输出正确的 JSON ，但是当我尝试在代码中访问它时

pca_json = JSON.parse(pca); (I can remove parsing, not working either) 
pca_json["rowname"].forEach(... 

webpack 失败并出现错误:

我尝试更改扩展名:.js -> .json，但在这种情况下它根本无法导入文件，给了我另一个错误:

pca.js(或pca.json)看起来像这样:

var pca = {
    "rowname" : [
        "Ciliated_sensory_neurons",
        "Touch_receptor_neurons",
         ...
         ...
    ]
}
export default pca

我尝试使用 fs 模块导入 pca.json，但它也不起作用。我收到错误:https://github.com/meteor/meteor/issues/7384

如有任何建议，我们将不胜感激。

Answer 1

您的文件是 Javascript。不是 JSON。 JSON 只是一个字符串。任何带有 var 的内容都是 Javascript。问题在于导入后 datumScatterChart.js 中的 javascript 代码。不适用于您正在导入的文件。

您正在尝试在变量声明中执行forEach。将 datumScatterChart.js 更改为如下所示...

var data = [], shapes = [...];

pca_json["rowname"].forEach(function () { ... });

注意变量声明之后和 forEach 循环之前的分号。这正是错误消息告诉您的内容 Unexpected token , Expected ;