Symfony 7.0 AssetMapper: файлы JS загружаются только при загрузке начальной страницы или после обновления F5Php

Кемеровские программисты php общаются здесь
Ответить Пред. темаСлед. тема
Anonymous
 Symfony 7.0 AssetMapper: файлы JS загружаются только при загрузке начальной страницы или после обновления F5

Сообщение Anonymous »

Я работаю над проектом, использующим Symfony 7.1 и PHP 8.3. Я столкнулся с проблемой с AssetMapper, из-за которой мои файлы JavaScript загружаются только при начальной загрузке страницы или после обновления F5. При переходе между страницами файлы JS загружаются неправильно.
Например, я установил DataTables.net с AssetMapper. Все работает нормально при первой загрузке страницы, и моя таблица данных правильно инициализирована
Изображение

Однако, если я уйду с этой страницы, а затем вернусь, DataTable больше не инициализируется, поскольку файл JS больше не вызывается.
Изображение

В этом примере Я использовал DataTables, но столкнулся с той же проблемой с собственными файлами JS.
Предпринятые шаги:
  • Следовал документации Symfony по установке и настройке AssetMapper.
  • Убедился, что DataTables.net правильно настроен и работает при начальной загрузке страницы.
  • Проверено на наличие ошибок в консоли браузера.
Фрагмент кода (app.js) :

Код: Выделить всё

import './styles/app.css';
import 'datatables.net-dt/css/dataTables.dataTables.min.css';

import './bootstrap.js';
import DataTable from 'datatables.net-dt';

function loadDatatable() {
console.log( '%c loadDatatable', 'background: #00FF2E; color: #000000' );
new DataTable( '#users-datatable', {
ajax:       Routing.generate( 'app_users_ajax' ),
processing: true,
serverSide: true,
columns:    [
{ data: 'id' },
{ data: 'email' },
{ data: 'firstName' },
{ data: 'lastName' },
{ data: 'status' },
{
data:   'action',
render: function ( data, type, row ) {
return `[url=/?_switch_user=${ row.email }]Impersonate[/url]`;
},
},
],
} );
}

document.addEventListener( 'DOMContentLoaded', function () {
loadDatatable();
} );

base.html.twig

Код: Выделить всё

{% block javascripts %}
{% block importmap %}
{{ importmap('app') }}
{% endblock %}
{% endblock %}
Сообщение об ошибке:
При переходе обратно на страницу в консоли не отображаются конкретные сообщения об ошибках.
Сообщение об ошибке.
Никаких конкретных сообщений об ошибках не отображается в консоли.
Сообщение об ошибке:
При переходе обратно на страницу в консоли не отображается никаких конкретных сообщений об ошибках.
Сообщение об ошибке:
Никакие конкретные сообщения об ошибках не отображаются в консоли.
p>
Версии Symfony и PHP:
Версия Symfony: 7.1
Версия PHP: 8.3
Спасибо за помощь!

Подробнее здесь: https://stackoverflow.com/questions/786 ... ter-f5-ref
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Symfony 7.0 AssetMapper: файлы JS загружаются только при загрузке начальной страницы или после обновления F5
    Anonymous » » в форуме Php
    0 Ответы
    11 Просмотры
    Последнее сообщение Anonymous
  • Symfony 7, Twig, AssetMapper: ресурсы обслуживаются нормально в разработке, но 404 в рабочей версии
    Anonymous » » в форуме Php
    0 Ответы
    13 Просмотры
    Последнее сообщение Anonymous
  • Является ли это действительным тестом AssetMapper и стороннего CSS?
    Anonymous » » в форуме CSS
    0 Ответы
    24 Просмотры
    Последнее сообщение Anonymous
  • Как использовать CSS -импорт с помощью AssetMapper?
    Anonymous » » в форуме Php
    0 Ответы
    2 Просмотры
    Последнее сообщение Anonymous
  • Как использовать CSS -импорт с помощью AssetMapper?
    Anonymous » » в форуме CSS
    0 Ответы
    3 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Php»