Laravel Vue ошибка при попытке использовать диаграмму. js с пакетом Laravel -charts - PullRequest
Новая
       9

Laravel Vue ошибка при попытке использовать диаграмму. js с пакетом Laravel -charts

0 голосов
/ 16 февраля 2020

Я использую Laravel диаграммы из https://charts.erik.cat/, и я заметил, что получаю ошибку ниже.

Я также заметил, что ошибка исчезает, когда я удаляю эту строка (относящаяся к визуализации, которую я поместил в макет перед выдачей содержимого): Но когда я это делаю, диаграммы не работают. 

{!! $chart->script() !!}

В размещенном мною контенте: 

{!! $chart->container() !!}

Я предполагаю, что есть конфликт с приложением. js? 

app.js:38309 [Vue warn]: Error compiling template:

Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

191|  
192|          </main>
193|                    <script type="text/javascript">
   |                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
194|      var ctvChart = document.getElementById('mzaqnvhkcsrjgeoxdwuipybtl').getContext('2d');
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
195|      function mzaqnvhkcsrjgeoxdwuipybtl_create(data) {
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
196|          mzaqnvhkcsrjgeoxdwuipybtl_rendered = true;
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
197|          document.getElementById("mzaqnvhkcsrjgeoxdwuipybtl_loader").style.display = 'none';
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
198|          document.getElementById("mzaqnvhkcsrjgeoxdwuipybtl").style.display = 'block';
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
199|          window.mzaqnvhkcsrjgeoxdwuipybtl = new Chart(document.getElementById("mzaqnvhkcsrjgeoxdwuipybtl").getContext("2d"), {
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
.
.
.(...there is more)

1 Ответ

0 голосов
/ 16 февраля 2020

Я исправил это, переместив 

{!! $chart->script() !!}

за пределы тегов в макете. Я не уверен почему, но это предупреждение больше не показывает.

...