無法使用導入的 json 將對象轉換為原始值

Question

我試圖動態構建一個nuxt項目vuetify組件（ 使用與vuetify成分不同的文本值由模塊在進口和迭代通過JSON（）https://hackernoon.com/import-json-into-typescript-8d465beded79 ）。

我在 /static/info.json 中的 json 是：

{
  "id": 1,
  "name": "Johnson, Smith, and Jones Co.",
  "amount": 345.33,
  "Remark": "Pays on time"
}

在我的 vue 組件中，我有：

  import * as data from '../static/info.json';

  const word = data.name;

  console.log(word); // output 'testing'
  console.log(data); // output 'testing'
  var jsonData = JSON.parse(data);
  // console.log(jsonData); // output 'testing'

線路：

  var jsonData = JSON.parse(data);

原因：

 Cannot convert object to primitive value 

如何遍歷導入的 json？

Answer 1

我猜數據已經是一個對象，不需要再次解析。 導入已經把它變成了一個對象。 您已經將它與 data.name 一起使用了