Используйте Highcharts в Symfony 4 - PullRequest
Новая
       3

Используйте Highcharts в Symfony 4

0 голосов
/ 20 марта 2019

Мне нужно использовать графики Highcharts в Symfony 4, но у меня есть ошибка с зависимостью jQuery. В моем app.js у меня есть это import, и оно работает: 

import '../js/highcharts'
import '../js/exporting'

//use $ in all project
let $ = require('jquery/dist/jquery.min.js');
window.$ = $;
window.jQuery = $;

Но моя ошибка в base.html.twig 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

Я пытался скачать этот файл и использовать его с моим проектом, но это тоже не работает.

Ответы [ 2 ]

0 голосов
/ 20 марта 2019

я уже включил это в свой base.html.twig 

{% block javascript %}
    {{ encore_entry_script_tags('app') }}
{% endblock %}

, если я помещу его на нижнюю страницу, он не будет работать, но если находится в балисе <head> {{ encore_entry_script_tags('app') }} </head>, это работает.

0 голосов
/ 20 марта 2019

Если вы используете пакет webpack бис, вам нужно включить файл app.js в ваш базовый файл.Когда я вижу вашу ошибку, jQuery, кажется, не включается в вашу страницу

Раскомментировал ли вы ".autoProvidejQuery ()" в вашем webpack.config.js?И установить его через NPM или Yarn?

Для набора пакетов на веб-упаковке: Как упомянуто здесь 

{# templates/base.html.twig #}
<!DOCTYPE html>
<html>
    <head>
        <!-- ... -->
        {% block stylesheets %}
            {# 'app' must match the first argument to addEntry() in webpack.config.js #}
            {{ encore_entry_link_tags('app') }}

            <!-- Renders a link tag (if your module requires any CSS)
            <link rel="stylesheet" href="/build/app.css"> -->
        {% endblock %}
    </head>
    <body>
        <!-- ... -->

        {% block javascripts %}
        {{ encore_entry_script_tags('app') }}

        <!-- Renders app.js & a webpack runtime.js file
        <script src="/build/runtime.js"></script>
        <script src="/build/app.js"></script> -->
        {% endblock %}
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...