Блог

Главная - Вопросы по программированию - Проблемы с глобальными строительными лесами vue в laravel

Проблемы с глобальными строительными лесами vue в laravel

#laravel #vue.js

#laravel #vue.js

Вопрос:

У меня есть проект laravel 8, и там у меня есть main.blade.php файл @sections с содержимым и @yield() содержимым. Я установил vue v2.x, и у меня возникли проблемы с размещением родительского идентификатора корневого компонента vue. Я продолжаю получать эту ошибку на некоторых страницах моего приложения, но не на всех.

 [Vue warn]: Error compiling template:

tag <section> has no matching end tag.
  
<section class="content">

Я могу читать, поэтому, конечно, я проверяю, имеет ли тег раздела, на который он жалуется, соответствующий закрывающий тег. Это делает:

main.blade.php

  <div id="app">
     <section class="content">
         @yield('content')
     </section>  //matching closing section tag
 </div>

resources/app.js

 import Vue from "vue";

window.Vue = require('vue');

Vue.component('spinner-button', require('./js/components/spinner-button.vue').default);

const app = new Vue({
    el: '#app',
});

Множество других файлов, использующих мой main.blade.php файл через @extends('templates.main')

Мой компонент отлично работает на некоторых страницах, но на других страницах я получаю ошибку браузера, указанную выше. Где я должен разместить основной идентификатор приложения?

Комментарии:

1. Если вы удалите <section> теги, просто оставив @yield , сохраняется ли ошибка? У вас есть несоответствующие теги в одном из файлов, которые yields ?

2. @Unflux я удалил теги разделов и ту же ошибку. Я просмотрел один за другим каждый файл, который использует @section('content') и не обнаружил опечаток или синтаксических ошибок. Я в тупике.

3. Выполните поиск в ваших файлах vue / blade для <section class="content"> . Один из них должен быть заблокирован.

4. @Unflux Я нашел это, это была дополнительная цитата в файле блейда. Спасибо

Метки: