vue.js予期しない文字列... Component.options） '+'}

Question

私はvue.jsで非常に新しいです。私のlocalhostでは、それは正常に動作しますが、私はホストにアップロードすると、私にエラーUncaught SyntaxError: Unexpected stringw4.js?v=2:115 w4.jsは、私はwebpack.mix.jsから変更するw4.jsです。

そして、それはそうw4.jsライン115

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

だ、私はラインエラーのすべての' + 'コードを削除します。そして私の問題は解決されます。しかし、なぜ私のコードがローカルホストで正常に動作しなかったのかまだ分かりません。

私がvueの一部を変更すると、新しいw4.jsが生成され、そのエラー行をもう一度削除する必要があります。

それはです私の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

サーバー上HMR（ホットモジュールのリロード）を実行する方法を検討しましたか？

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