读取 json 文件时出现 javascript return 错误

Question

我正在尝试使用 JS

读取一个大 json 文件

const jsonFile = JSON.parse("3BP-OOP-PFR.json");
console.log(jsonFile);

问题是

VM334:1 Uncaught SyntaxError: Unexpected token B in JSON at position 1 at JSON.parse () at main.js:1:23

Answer 1

您正在将文件名解析为 JSON，这将失败。 JSON.parse 函数需要 JSON 字符串值来解析，而不是文件。

您是否尝试过导入文件？

import jsonFile from "3BP-OOP-PFR.json";

console.log(jsonFile);

如果您使用的是浏览器，则需要获取文件：

fetch('https://website.com/subdir/3BP-OOP-PFR.json')
  .then(res => res.json())
  .then(json => console.log(json))

如果要使用async/await:

const res = await fetch('https://website.com/subdir/3BP-OOP-PFR.json')
const json = await res.json();
console.log(json);

Keep-in-mind 如果您在本地获取 JSON 文件，这将失败。确保您使用的是网络服务器并且运行关闭 localhost。我相信您可以将一些标志（CLI）传递给浏览器以覆盖本地文件加载错误。

Reading json file on javascript return error