Import JSON into VueJS

Question

I'm using wbepack to compile a VUEJS project in which I import a JSON file which has an array of objects into vueJS however when accessing it via the component the object appears to be empty.

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

I'm not getting any compile errors or any other reported errors.

What could cause the object someArr to be empty?

P.S. I am able to load the json via AJAX successfully

Answer 1

Install json loader with

npm install json-loader --save

then in your webpack.config file add this loader

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