带flask（jinja）的模板继承在外部JavaScript资源中不起作用

Question

我使用base.html中的这段JavaScript / jQuery。我正在使用Flask（或jinja）进行模板继承，当出现错误时，本节将重新打开使用的模态并显示代码，好极了！

但是现在我想尝试将其保存在单独的JS文件中，但是遇到了一些我尚不了解的内容。外部文件似乎没有捕获继承。如果我在外部JS文件中console.log一个变量，我只会得到像这样的文本“ {{get_flashed_messages（category_filter = ['category1']）}}”，而不是引用。

有没有办法做到这一点，或者我想成为精确对象？

$(document).ready(function() {
    var loginError = "{{ get_flashed_messages(category_filter=['category1']) }}";
    var registrationError = "{{ get_flashed_messages(category_filter=['category2']) }}";
    var changePassword = "{{ get_flashed_messages(category_filter=['category3']) }}";
    var succes = "{{ get_flashed_messages(category_filter=['category4']) }}";

    if (typeof loginError != 'undefined' && loginError != '[]') {
        $("#signInModal").modal();
    };
    if (typeof registrationError != 'undefined' && registrationError != '[]') {
        $("#signUpModal").modal();
    };
    if (typeof changePassword != 'undefined' && changePassword != '[]') {
        $("#changePasswordModal").modal();
    };
    if (typeof succes != 'undefined' && succes != '[]') {
        $("#confirmationModal").modal();
    };
});