将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", 
    ... 
}