尝试执行 axios 发布请求时 JSON 输入意外结束

Question

我收到此错误 -

"SyntaxError: C:\Users\ts\Desktop\react projects\tasks\server\cards.json: Unexpected end of JSON input"

我看到了很多解决此错误的方法，但无法提出解决方案。 当我尝试将新对象添加到具有 JSON 对象数组的 JSON 文件时出现此错误。

JSON 文件示例-

    [{"number":12,
      "color":"blue"},
     {"number":10,
      "color":"red"}
    }]

即将写入文件的卡示例-

    {
    "number":10,
    "color":"blue"
    }

客户请求-

    const cloneTicket = (ticket: Ticket) => {    
        axios.post(APIRoot+'/clone/card', card).then((response) => {
            console.log(response);
        }, (error) => {
            console.log(error.response.data);
        });
    }

服务器 -

    app.post(APIPath + '/clone/card', (req, res) => {
      const cards = fs.readFileSync('cards.json');
      let cards_json = JSON.parse(cards)
      
      cards_json.push(req.body)
    
      const new_jsons = JSON.stringify(cards_json,null,2)
    
      fs.writeFileSync('cards.json', new_jsons, (res:any)=>{
        console.log(res)
      })
      res.send(new_jsons)
    })

cards.json 文件-

[
    {
        "number": 12,
        "color": "blue"
    },
    {
        "number": 10,
        "color": "red"
    }

]

以及从 \server\cards.json 抛出的错误。

Answer 1

我想我找到了解决方法，更改此行：

const cards = fs.readFileSync('cards.json');

到

const cards = fs.readFileSync('cards.json', 'utf8');

当您不向readFileSync 提供编码类型时，它将返回一个缓冲区而不是文件内容。然后缓冲区将无法正确JSON.parse()ed。

文档：https://nodejs.org/api/fs.html#fs_fs_readfilesync_path_options