Webpack：SyntaxError：尝试访问JSON数组时出现意外的令牌错误

Question

我从.json文件导入.js：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

我尝试使用pca.json模块导入fs，但它也无效。我收到错误：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 ;

的内容