(Javascript в Symfony4) - функция Path не работает

Question

Функция {{path}} при использовании в JavaScript не работает в Symfony 4. Просто некоторый фон:

$ bin/console debug:router

Производит:

add_post_comment                     ANY      ANY      ANY    /comment/add/post

В моем файле JavaScript,вот как выглядит мой AJAX-вызов:

$.ajax({
    url: "{{ path('/comment/add/post') }}",  // I also tried "{{ path('add_post_comment') }}"
    type: "POST",
    dataType: "json",
    data: {
        "userId": userId,
        "postId": postId,
        "commentText": commentText
    },
    async: true,
    success: function (data)
    {
        alert("success!");
        console.log(data)
        $('div#ajax-results').html(data.output);

    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        alert("error - " + errorThrown + "  - textStatus is "  + textStatus);
        console.log("Error in saving comment to database: " + errorThrown);
        console.log(errorThrown);
        console.log("XMLHttpRequest is: ");
        console.log(XMLHttpRequest);
    }

});

Затем, когда я отлаживаю все в консоли JavaScript, он выдает:

http://------.-------.com/%7B%7B%20path('/comment/add/post')%20%7D%7D 404 (Not Found)

Таким образом, команда path на самом деле не компилируется.

Вот как выглядит мой composer.json:

{
    "type": "project",
    "license": "proprietary",
    "require": {
        "php": "^7.1.3",
        "ext-iconv": "*",
        "aws/aws-sdk-php": "^3.67",
        "aws/aws-sdk-php-symfony": "^2.0",
        "doctrine/doctrine-fixtures-bundle": "^3.0",
        "knplabs/knp-paginator-bundle": "^2.8",
        "sensio/framework-extra-bundle": "^5.2",
        "symfony/asset": "^4.1",
        "symfony/console": "^4.1",
        "symfony/event-dispatcher": "^4.1",
        "symfony/expression-language": "^4.1",
        "symfony/flex": "^1.0",
        "symfony/form": "^4.1",
        "symfony/framework-bundle": "^4.1",
        "symfony/lts": "^4@dev",
        "symfony/monolog-bundle": "^3.3",
        "symfony/orm-pack": "^1.0",
        "symfony/process": "^4.1",
        "symfony/security-bundle": "^4.1",
        "symfony/serializer-pack": "*",
        "symfony/swiftmailer-bundle": "^3.2",
        "symfony/translation": "^4.1",
        "symfony/twig-bundle": "^4.1",
        "symfony/validator": "^4.1",
        "symfony/web-link": "^4.1",
        "symfony/yaml": "^4.1",
        "twig/extensions": "^1.5"
    },
    "require-dev": {
        "symfony/debug-pack": "*",
        "symfony/dotenv": "^4.1",
        "symfony/maker-bundle": "^1.5",
        "symfony/profiler-pack": "*",
        "symfony/test-pack": "^1.0",
        "symfony/web-server-bundle": "^4.1"
    },
    "config": {
        "preferred-install": {
            "*": "dist"
        },
        "sort-packages": true
    },
    "autoload": {
        "psr-4": {
            "App\\": "src/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "App\\Tests\\": "tests/"
        }
    },
    "replace": {
        "symfony/polyfill-iconv": "*",
        "symfony/polyfill-php71": "*",
        "symfony/polyfill-php70": "*",
        "symfony/polyfill-php56": "*"
    },
    "scripts": {
        "auto-scripts": {
            "cache:clear": "symfony-cmd",
            "assets:install %PUBLIC_DIR%": "symfony-cmd"
        },
        "post-install-cmd": [
            "@auto-scripts"
        ],
        "post-update-cmd": [
            "@auto-scripts"
        ]
    },
    "conflict": {
        "symfony/symfony": "*"
    },
    "extra": {
        "symfony": {
            "allow-contrib": false
        }
    }
}

Любая помощь очень ценится.

Answer 1

Включите ваш код в другую ветку, в которой вы уверены, что она уже представлена ​​как ветка.(например, ваш base.html.twig или даже лучше: только файлы веток, которые действительно нуждаются в этом куске кода)

Файл веток, расположенный в SomeBundle в папке Resources / views / Someotherfolder с именем «myjavascript.html.twig "может выглядеть так:

<script>
    // Your javascript code here
    var myvar = "{{ path('add_post_comment') }}";
</script>

Этот файл вы включаете в другой файл ветки

{% block javascripts %}
    {% include 'SomeBundle:Someotherfolder:myjavascript.html.twig' %}
{% endblock %}

Или когда ваш код в файле myjavascript.html.twig безтеги "script", такие как:

// Your javascript code here
var myvar = "{{ path('add_post_comment') }}";

Вам нужно поместить его в другие теги script

{% block javascripts %}
    <script>
        {% include 'SomeBundle:Someotherfolder:myjavascript.html.twig' %}
    </script>
{% endblock %}