JSONをVueJSにインポート

Question

私は、オブジェクトの配列を持つJSONファイルをvueJSにインポートするVUEJSプロジェクトをコンパイルするためにwbepackを使用していますが、コンポーネントを介してオブジェクトにアクセスするとオブジェクトは空に見えます。

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

コンパイルエラーまたはその他の報告されたエラーは発生しません。

オブジェクトsomeArrが空になる原因は何ですか？

P.S.私は、これは動作するはずに成功AJAX経由

Answer 1

JSONを読み込むことができています：

var yourJSONData= JSON.parse(Jason); 

Answer 2

は

npm install json-loader --save 

でJSONローダーをインストールした後、あなたのwebpack.configファイルに

このローダーを追加します

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

Answer 3

おそらくタイプミスですが、export default {defaults

これは問題ではないと仮定して、./some.jsonのJSONをエクスポートしていますか？すなわち

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