vue.js unerwartete Zeichenfolge ... Component.options) '+'}

Question

ich bin sehr neu in vue.js. In meinem localhost funktioniert es gut, aber wenn ich auf den Host hochlade, gibt es mir den Fehler Uncaught SyntaxError: Unexpected string in w4.js?v=2:115 w4.js ist app.js, ich ändere es von webpack.mix.js.

Und es ist w4.js Linie 115

if(!module.hot.data){ 
hotAPI.createRecord("data-v-0ffd8218",Component.options) 
}else{ 
hotAPI.reload("data-v-0ffd8218",Component.options)' + ' 
} 

So entferne ich alle ' + ' code on line Fehler. Und mein Problem ist gelöst. Aber ich weiß immer noch nicht, warum mein Code in localhost nicht funktioniert hat?

Wenn ich einige Teile in vue ändere, erzeugt es neue w4.js und ich sollte diese Fehlerlinie wieder entfernen.

es ist mein app.js

import swal from 'sweetalert' 
require('./bootstrap'); 

window.Vue = require('vue'); 

Vue.component('example', require('./components/Example.vue')); 
Vue.component('groups', require('./components/Groups.vue')); 
Vue.component('group', require('./components/Group.vue')); 
Vue.component('test', require('./components/Test.vue')); 
Vue.component('pages', require('./components/Pages.vue')); 
Vue.component('page', require('./components/Page.vue')); 

const groups = new Vue({ 
    el: '#groups', 
}); 


const pages = new Vue({ 
    el: '#pages', 
}); 

Answer 1

Haben Sie prüfen, wie HMR (hot-Modul neu laden) auf einem Server laufen zu lassen?

https://github.com/webpack/docs/issues/45