Not Working in Phonegap

Hi. Good evening. Sorry if this is a bit of a novice question but I am a bit lost and would like some expert to advise.

I have a working vue app with this library to load asynch components. However when I experimented on it on phonegap, the components with httpVueLoader("vue/components/mainApp.vue") is not working and not showing in the phonegap mobile preview. However, when I tested it on the browser, its working perfectly...

Here is an example of what I experiemnted...

var vueApp = new Vue({
	el: "#asugfr-app",
	data: {
		txt: "hello world!",
	},
	components: {
	     "myComponent": { template: "<div>A custom component!</div>" },
	     "mainApp": httpVueLoader("vue/components/mainApp.vue")
        },
	methods: {},
	mounted: function(){ 
		console.log("App is running!");
	},
	watch: {}
});

the component loads perfectly in both phonegap preview and browser, however, only works in browser.

Any suggestions or ideas of I am doing wrong?