Как настроить несколько точек входа для интерфейса Svelte в приложении symfony? - PullRequest
Новая
       4

Как настроить несколько точек входа для интерфейса Svelte в приложении symfony?

0 голосов
/ 24 марта 2020

один !! Во-первых, пожалуйста, прости мои ошибки sh на английском языке ^^

Итак, как и в названии, я работаю над проектом symfony, пытающимся разработать тонкий интерфейс, и после нескольких исследований мне не удалось найти ответ. Вот моя проблема:

Я не хочу добавлять несколько точек входа в мой файл сборки следующим образом (wepack.config. js): 

   /*
     * ENTRY CONFIG
     *
     * Add 1 entry for each "page" of your app
     * (including one that's included on every page - e.g. "app")
     *
     * Each entry will result in one JavaScript file (e.g. app.js)
     * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
     */
    .addEntry('app', './assets/js/app.js')
    .addEntry('modalForm', './assets/js/modalForm.js')

Я думал, что это будет создайте еще один файл в папке public / build и получите «app. js» и «modalForm. js». Но я получаю 'vendors ~ app ~ modalForm. js' и 'vendors ~ modalForm. js', и я не знаю, что это такое.

На самом деле, все кажется хорошим потому что у меня нет ошибок, но на самом деле я не вижу свой компонент svelte.

Вот как я его называю: 

import ModalForm from './ModalForm.svelte';

const modalForm = new ModalForm({
    target: document.querySelectorAll("my-modal-forms"),
});

И в моем шаблоне ветки: 

   <div class="row m-3 my-modal-forms">
    {% block javascripts %}
        {{ encore_entry_script_tags('modalForm') }}
    {% endblock %}
        <a class="btn btn-primary mr-2" href="{{ path('entity_people_new') }}"><i class="fas fa-plus"></i> Ajouter</a>
        <span class="not-allowed"><a class="btn text-warning mr-2" href="{{ path('import_export') }}"><i class="fas fa-file-import"></i> Import des données</a></span>
        <span class="not-allowed"><a class="btn text-warning mr-2" href="#" id="exportClick"><i class="fas fa-file-export"></i> Export des données</a></span>
    </div>

Если вам нужно больше точности, просто скажите мне.

Спасибо всем за помощь, люди, отвечающие в стеке, действительно являются богами, в которых верят.

Ответы [ 2 ]

0 голосов
/ 19 апреля 2020

querySelectorAll () возвращает NodeList, цель Svelte ожидает HTMLElement. querySelector () работает, но getElementById () тоже вас туда доставит.

0 голосов
/ 26 марта 2020

Наконец-то нашел ответ сам: целевое свойство Svelte не поддерживает querySelectorAll, или, может быть, я сделал что-то не так, но с getElementById он работает нормально.

...