Я не знаю, что такое ошибка, до сих пор я тестирую через консольный журнал, чтобы проверить изменения после выбора файла (для загрузки).
Когда я запускаю $ npm run watch
, я получаю следующую ошибку:
"Webpack просматривает файлы...
95% излучение
ОШИБКА Не удалось скомпилировать с 1 ошибкой
19:42:29ошибка./resources/assets/js/components/File.vue
(Испускаемое значение вместо экземпляра Error) Синтаксис шаблона Vue Ошибка:
Шаблон компонента должен содержать ровно один корневой элемент. если ты используют v-if на нескольких элементах, используйте v-else-if, чтобы связать их вместо этого.
@./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"
My File.vue
<template>
<div class="form-group">
<label for="avatar" class="control-label">Avatar</label>
<input type="file" v-on:change="fileChange" id="avatar">
<div class="help-block">
Help block here updated 4 🍸 ...
</div>
</div>
<div class="col-md-6">
<input type="hidden" name="avatar_id">
<img class="avatar" title="Current avatar">
</div>
</template>
<script>
export default{
methods: {
fileChange(){
console.log('Test of file input change')
}
}
}
</script>
Любые идеи о том, как это решить? Какова на самом деле ошибка?