vue.js意外的字符串... Component.options）'+'}

我很新vue.js.在我的本地主机，它工作正常，但是当我上传到主机，它给了我w4.js?v=2:115中的错误Uncaught SyntaxError: Unexpected string w4.js是app.js，我从webpack.mix.js更改它。vue.js意外的字符串... Component.options）'+'}

而且这w4.js线115

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

所以，我删除的行错误的所有' + '代码。我的问题解决了。但我仍然不知道为什么我的代码在localhost中无法正常工作？

当我更改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', 
});

来源

2017-12-02 kresek

你看看如何在服务器上运行HMR（热模块重装）？

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

来源

2017-12-02 23:55:02

谢谢你的回答。为什么我应该在服务器上运行HMR？我可以在本地建立并上传到服务器吗？ – kresek

vue.js意外的字符串... Component.options）'+'}

回答

相关问题