Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
194 views
in Technique[技术] by (71.8m points)

vue.js - Laravel Vue: Module parse failed on form.vue after adding image upload fields

I set up a form in vue with some basic field, and it works. But when i go to modify a couple form fields & methods for image uploading, Im hit with this error.

ERROR in ./resources/js/Pages/Site/UpdateSiteInformationForm.vue?vue&type=template&id=76b7d141& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/Pages/Site/UpdateSiteInformationForm.vue?vue&type=template&id=76b7d141&) 1:8213
Module parse failed: Unexpected token (1:8213)
File was processed with these loaders:
 * ./node_modules/vue-loader/lib/loaders/templateLoader.js
 * ./node_modules/vue-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
> var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('jet-form-section',{on:{"submitted":_vm.updateSiteInformation},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("
        Website Configuration
    ")]},proxy:true},{key:"description",fn:function(){return [_vm._v("
        Update your settings that will be visible on your website.
    ")]},proxy:true},{key:"form",fn:function(){return [_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"brandName","value":"Brand Name"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"brandName","type":"text","autocomplete":"brandName"},model:{value:(_vm.form.brandName),callback:function ($$v) {_vm.$set(_vm.form, "brandName", $$v)},expression:"form.brandName"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('brandName')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"addressOne","value":"Address Line 1"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"addressOne","type":"text","autocomplete":"addressOne"},model:{value:(_vm.form.addressOne),callback:function ($$v) {_vm.$set(_vm.form, "addressOne", $$v)},expression:"form.addressOne"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('addressOne')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"addressTwo","value":"Address Line 2"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"addressTwo","type":"text","autocomplete":"addressTwo"},model:{value:(_vm.form.addressTwo),callback:function ($$v) {_vm.$set(_vm.form, "addressTwo", $$v)},expression:"form.addressTwo"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('addressTwo')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"city","value":"City"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"city","type":"text","autocomplete":"city"},model:{value:(_vm.form.city),callback:function ($$v) {_vm.$set(_vm.form, "city", $$v)},expression:"form.city"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('city')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"state","value":"State"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"state","type":"text","autocomplete":"state"},model:{value:(_vm.form.state),callback:function ($$v) {_vm.$set(_vm.form, "state", $$v)},expression:"form.state"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('state')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"zip","value":"Zip"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"zip","type":"text","autocomplete":"zip"},model:{value:(_vm.form.zip),callback:function ($$v) {_vm.$set(_vm.form, "zip", $$v)},expression:"form.zip"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('zip')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"companyPhone","value":"Company Phone"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"companyPhone","type":"text","autocomplete":"companyPhone"},model:{value:(_vm.form.companyPhone),callback:function ($$v) {_vm.$set(_vm.form, "companyPhone", $$v)},expression:"form.companyPhone"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('companyPhone')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"companyEmail","value":"Company Email"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"companyEmail","type":"text","autocomplete":"companyEmail"},model:{value:(_vm.form.companyEmail),callback:function ($$v) {_vm.$set(_vm.form, "companyEmail", $$v)},expression:"form.companyEmail"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('companyEmail')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"facebook","value":"Facebook"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"facebook","type":"text","autocomplete":"facebook"},model:{value:(_vm.form.facebook),callback:function ($$v) {_vm.$set(_vm.form, "facebook", $$v)},expression:"form.facebook"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('facebook')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"instagram","value":"Instagram"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"instagram","type":"text","autocomplete":"instagram"},model:{value:(_vm.form.instagram),callback:function ($$v) {_vm.$set(_vm.form, "instagram", $$v)},expression:"form.instagram"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('instagram')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('jet-label',{attrs:{"for":"twitter","value":"Twitter"}}),_vm._v(" "),_c('jet-input',{staticClass:"mt-1 block w-full",attrs:{"id":"twitter","type":"text","autocomplete":"twitter"},model:{value:(_vm.form.twitter),callback:function ($$v) {_vm.$set(_vm.form, "twitter", $$v)},expression:"form.twitter"}}),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('twitter')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('input',{ref:"header",staticClass:"hidden",attrs:{"type":"file"},on:{"change":_vm.updateHeaderPreview}}),_vm._v(" "),_c('jet-label',{attrs:{"for":"header","value":"Header"}}),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(! _vm.headerPreview),expression:"! headerPreview"}],staticClass:"mt-2"},[_c('img',{staticClass:"rounded-full h-20 w-20 object-cover",attrs:{"src":_vm.site.header_image_url,"alt":"Current Header Photo"}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.headerPreview),expression:"headerPreview"}],staticClass:"mt-2"},[_c('span',{staticClass:"block rounded-full w-20 h-20",style:('background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url('' + _vm.headerPreview + '');')})]),_vm._v(" "),_c('jet-secondary-button',{staticClass:"mt-2 mr-2",attrs:{"type":"button"},nativeOn:{"click":function($event){$event.preventDefault();return _vm.selectNewHeader($event)}}},[_vm._v("
                Select A New Photo
            ")]),_vm._v(" "),(_vm.site.header_image)?_c('jet-secondary-button',{staticClass:"mt-2",attrs:{"type":"button"},nativeOn:{"click":function($event){$event.preventDefault();return _vm.deleteHeader($event)}}},[_vm._v("
                Remove Photo
            ")]):_vm._e(),_vm._v(" "),_c('jet-input-error',{staticClass:"mt-2",attrs:{"message":_vm.form.error('header')}})],1),_vm._v(" "),_c('div',{staticClass:"col-span-6 sm:col-span-4"},[_c('input',{ref:"logo",staticClass:"hidden",attrs:{"type":"file"},on:{"change":_vm.updateLogoPreview}}),_vm._v(" "),_c('jet-label',{attrs:{"for":"logo","value":"Logo"}}),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(! _vm.logoPreview),expression:"! logoPreview"}],staticClass:"mt-2"},[_c('img',{staticClass:"rounded-full h-20 w-20 object-cover",attrs:{"src":_vm.site.logo_image_url,"alt":"Current Logo Photo"}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.logoPreview),expression:"logoPreview"}],staticClass:"mt-2"},[_c('span',{staticClass:"block rounded-full w-20 h-20",style:('background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url('' + _vm.logoPreview + '');')})]),_vm._v(" "),_c('jet-secondary-button',{staticClass:"mt-2 mr-2",attrs:{"type":"button"},nativeOn:{"click":function($event){$event.preventDefault();_vm.selectNewL:_vm.ogo}}},[_vm._v("

    Select A New Photo
            ")]),_vm._v(" "),(_vm.si

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...