Question

我在vue.js中很新。在我的localhost中，它工作正常，但当我上传到主机时，它在Uncaught SyntaxError: Unexpected string中给出了错误w4.js?v=2:115 w4.js是app.js，我从webpack.mix.js更改它。 / p>

它的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',
});

Answer 1

您是否研究过如何在服务器上运行HMR（热模块重新加载）？

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

vue.js意外的字符串... Component.options）＆＃39; +＆＃39;}

1 个答案: