將JSON導入VueJS

Question

我正在使用wbepack編譯一個VUEJS項目，在該項目中，我將一個JSON文件導入到vueJS中，但是通過該組件訪問它時該對象看起來是空的。

import Jason from './some.json'; 
export defaults { 
data(){ return { someArr: Jason } } } 

我沒有收到任何編譯錯誤或任何其他報告的錯誤。

什麼可能導致對象someArr爲空？

附：我能夠通過AJAX加載JSON成功

Answer 1

這應該工作：

var yourJSONData= JSON.parse(Jason); 

Answer 2

安裝JSON裝載機

npm install json-loader --save 

然後在webpack.config文件中添加這種裝載機

module: { 
    loaders: [ 
     { 
      test: /\.json/, 
      loader: 'json', 
     } 
    ], 
} 

Answer 3

可能只是一個錯字，但你export default {不是defaults

假設這不是問題，您是否導出./some.json內的JSON？即

export default { 
    "foo": "bar", 
    ... 
}