我正在使用wbepack編譯一個VUEJS項目,在該項目中,我將一個JSON文件導入到vueJS中,但是通過該組件訪問它時該對象看起來是空的。將JSON導入VueJS
import Jason from './some.json';
export defaults {
data(){ return { someArr: Jason } } }
我沒有收到任何編譯錯誤或任何其他報告的錯誤。
什麼可能導致對象someArr
爲空?
附:我能夠通過AJAX加載JSON成功
我正在使用wbepack編譯一個VUEJS項目,在該項目中,我將一個JSON文件導入到vueJS中,但是通過該組件訪問它時該對象看起來是空的。將JSON導入VueJS
import Jason from './some.json';
export defaults {
data(){ return { someArr: Jason } } }
我沒有收到任何編譯錯誤或任何其他報告的錯誤。
什麼可能導致對象someArr
爲空?
附:我能夠通過AJAX加載JSON成功
這應該工作:
var yourJSONData= JSON.parse(Jason);
安裝JSON裝載機
npm install json-loader --save
然後在webpack.config文件中添加這種裝載機
module: {
loaders: [
{
test: /\.json/,
loader: 'json',
}
],
}
可能只是一個錯字,但你export default {
不是defaults
假設這不是問題,您是否導出./some.json
內的JSON?即
export default {
"foo": "bar",
...
}