لا أعرف ما هو الخطأ ، حتى الآن أقوم باختبار من خلال console log :عندما أقوم بتشغيل npm run watch ، أتلقى الخطأ التالي:
"Webpack is watching the files…
95% emitting
ERROR Failed to compile with 1 errors
19:42:29
error in ./resources/assets/js/components/File.vue
(Emitted value instead of an instance of Error) Vue template syntax error:
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
@ ./resources/assets/js/components/AvatarUpload.vue 5:2-181 @ ./resources/assets/js/app.js @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss"
ملف vue الخاص بي:
<template><divclass="form-group"><labelfor="avatar"class="control-label">Avatar</label><inputtype="file"v-on:change="fileChange"id="avatar"><divclass="help-block">
Help block here updated 4 🍸 ...
</div></div><divclass="col-md-6"><inputtype="hidden"name="avatar_id"><imgclass="avatar"title="Current avatar"></div></template><script>exportdefault{
methods:{
fileChange(){
console.log('Test of file input change')}}}</script>
السؤال
Mahmoud Alrashidi
لا أعرف ما هو الخطأ ، حتى الآن أقوم باختبار من خلال console log :عندما أقوم بتشغيل npm run watch ، أتلقى الخطأ التالي:
"Webpack is watching the files… 95% emitting ERROR Failed to compile with 1 errors 19:42:29 error in ./resources/assets/js/components/File.vue (Emitted value instead of an instance of Error) Vue template syntax error: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. @ ./resources/assets/js/components/AvatarUpload.vue 5:2-181 @ ./resources/assets/js/app.js @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss"
ملف vue الخاص بي:
كيف يُمكنني حل هذه المُشكلة؟
تم التعديل في بواسطة كمال محموديرابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.