Плагин выбрасывает TypeError после обновления Wordpress 4.5

Question

Плагин выбрасывает TypeError после обновления Wordpress 4.5

45

Я отлаживаю плагин визуального композитора, который сломался после обновления Wordpress до 4.5, и я не могу понять, почему он бросает TypeError.

Сообщение об ошибке в консоли:

JQMIGRATE: Migrate is installed, version 1.4.0              load-scripts.php?....
Uncaught TypeError:     $template.get is not a function     composer-view.js?ver=4.1.1.1:73

Единственные вхождения $template находятся в коде ниже. Я понимаю, что это не очень большой смысл, но, как я могу решить эту ошибку?

/**
 * Convert html into correct element
 * @param html
 */
html2element: function(html) {
  var attributes = {},
    $template;
  if (_.isString(html)) {
    this.template = _.template(html);
    $template = $(this.template(this.model.toJSON()).trim());
  } else {
    this.template = html;
    $template = html;
  }
  _.each($template.get(0).attributes, function(attr) { // **errors on this line**
    attributes[attr.name] = attr.value;
  });
  this.$el.attr(attributes).html($template.html());
  this.setContent();
  this.renderContent();
},

Update:

Похоже, что это может быть проблемой с jQuery. Wordpress 4.5 включает jQuery 1.12, в котором исправлена ошибка, позволяющая запускать определенный код с неправильным синтаксисом. Я предполагаю, что код плагина должен иметь неправильный синтаксис, но до сих пор продолжался.

https://wordpress.org/support/topic/read-this-first-wordpress-45-master-list#post-8271654

spencer.sm 13 апр. 2016, в 17:26

Источник

5

Вместо того, чтобы включать изображение вашего сообщения об ошибке, пожалуйста, включите его в виде текста. Это поможет будущим читателям с похожим сообщением об ошибке найти ваш вопрос с помощью поиска.
buczek 13 апр. 2016, в 17:26
0

какой-нибудь успех, исправляющий это до сих пор?
rubmz 14 апр. 2016, в 07:07
0

У меня есть эта ошибка сейчас: stackoverflow.com/questions/37090595/…
Graham Slick 07 май 2016, в 16:39

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

wordpress

wordpress-plugin

10 ответов

26

Я все еще получал эту ошибку после того, как попробовал патч в ответу Ben: Uncaught TypeError: не удается прочитать свойство "custom" из undefined

Итак, я изменил html2element в composer-view.js следующим образом:

 html2element: function(html) {
        var $template, attributes = {},
            template = html;

        $template = $(template(this.model.toJSON()).trim());
        if($template.get(0))
        {
            _.each($template.get(0).attributes, function(attr) {
            attributes[attr.name] = attr.value
        })};

        this.$el.attr(attributes).html($template.html()),
        this.setContent(),
        this.renderContent()
    },

ECC-Dan 20 июль 2016, в 17:20

0

Большое спасибо за это!!!
Brett 21 июль 2016, в 12:38
0

Спасибо! это очень помогает!
Renesansz 08 авг. 2016, в 15:06
0

У меня работали на WP 4.6 и VC 4.6. Спасибо!
atb 12 окт. 2016, в 03:24
1

У меня отлично работали в WP 4.7.1 и VC 4.6 ...
Aftab Muni 25 янв. 2017, в 06:55
0

Вы, ребята, великолепны .. спасибо за помощь в решении этой проблемы. Это решило это и с моей стороны! :)
user1003916 17 май 2017, в 13:40
0

Частично работал на WP 4.8. Это не обновляет представление после того, как композитор добавляет элемент для просмотра. Необходимо сохранить страницу и перезагрузить, чтобы просмотреть компонент. Любое исправление доступно?
Shah Abaz Khan 21 июнь 2017, в 10:09
0

Это работало нормально для меня :)
Mihail Minkov 28 авг. 2017, в 17:35

Показать ещё 5 комментариев

18

@Ben Это прекрасно работает!

Причина: Администратор не загружал правильный визуальный редактор для плагина js_composer после плагинов updatethis.

=============================================== ======

Ошибка:

Ошибка: TypeError: $template.get не является функцией Исходный файл: wp-content/plugins/js_composer_salient/assets/js/dist/backend.min.js? Ver = 4.10 Линия: 4047

=============================================== ======

Решение Перейти к файлу /wp -content/plugins/js_composer_salient/assets/js/dist/backend.min.js вокруг строки 4045:

====== > Заменить код ===================================== ================

    html2element: function(html) {
        var $template, attributes = {};
        _.isString(html) ? (this.template = _.template(html), $template = $(this.template(this.model.toJSON(), vc.templateOptions["default"]).trim())) : (this.template = html, $template = html), _.each($template.get(0).attributes, function(attr) {
            attributes[attr.name] = attr.value
        }), this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()
    },

====== > Заменить с помощью этого кода =================================== ====

    html2element: function(html) {
        var $template, attributes = {},
        template = html;
        $template = $(template(this.model.toJSON()).trim()), _.each($template.get(0).attributes, function(attr) {
                attributes[attr.name] = attr.value}), 
                this.$el.attr(attributes).html($template.html()), this.setContent(), 
                this.renderContent()
    },

Didierh 19 апр. 2016, в 16:49

4

Заметил, что код не передавался в функцию html2element, но существовал в функции, вызывающей его (render)

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

render: function () {
			var $shortcode_template_el = $( '#vc_shortcode-template-' + this.model.get( 'shortcode' ) );
			if ( $shortcode_template_el.is( 'script' ) ) {
				var newHtmlCode =  _.template( $shortcode_template_el.html(),
												this.model.toJSON(),
												vc.templateOptions.default );
				if(!_.isString(newHtmlCode)){
					newHtmlCode = $shortcode_template_el.html();
				}
				this.html2element( newHtmlCode );
			} else {
				var params = this.model.get( 'params' );
				$.ajax( {
					type: 'POST',
					url: window.ajaxurl,
					data: {
						action: 'wpb_get_element_backend_html',
						data_element: this.model.get( 'shortcode' ),
						data_width: _.isUndefined( params.width ) ? '1/1' : params.width,
						_vcnonce: window.vcAdminNonce
					},
					dataType: 'html',
					context: this
				} ).done( function ( html ) {
					this.html2element( html );
				} );
			}
			this.model.view = this;
			this.$controls_buttons = this.$el.find( '.vc_controls > :first' );
			return this;
		},

Amritosh pandey 10 окт. 2016, в 13:26

0

Это работает для меня
codewizard 10 нояб. 2016, в 22:13
0

Спасибо, @codewizard, рад это слышать.
Amritosh pandey 07 дек. 2016, в 08:23
0

у меня тоже работает, и я могу копировать элементы, но я все еще получаю эту ошибку Uncaught Error: синтаксическая ошибка, нераспознанное выражение: .vc_teaser-btn - {{name}}
manuel-84 27 янв. 2017, в 18:21

Показать ещё 1 комментарий

4

Я использую тему Applay (2.1.3, немного устаревшую). Я только что обновил WP и все плагины до последней версии (4.5.2) и пришел к этой проблеме. Я не анализировал поток этого компонента (js_composer), просто эту "сломанную" функцию (она не была нарушена). Я понял, что this.template и $template получают неправильные типы объектов (для него требуется другая проверка _.isString(html)). Я решил это, добавив блок try и catch следующим образом:

ОРИГИНАЛ

    html2element:function (html) {
        var attributes = {}, 
            $template;
        if (_.isString(html)) {
            this.template = _.template(html);
            $template = $(this.template(this.model.toJSON()).trim());
        } else {
            this.template = html;                                                                                                                                            
            $template = html;
        }
        _.each($template.get(0).attributes, function (attr) {
            attributes[attr.name] = attr.value;
        }); 
        this.$el.attr(attributes).html($template.html());
        this.setContent();
        this.renderContent();
    },

ОБНОВЛЕНО

    html2element:function (html) {
        var attributes = {}, 
            $template;
        if (_.isString(html)) {
            this.template = _.template(html);
        } else {
            try {
                this.template = _.template(html());                                                                                                                          
            } catch (err) {
                this.template = html;
            }   
        }   
        $template = $(this.template(this.model.toJSON()).trim());
        _.each($template.get(0).attributes, function (attr) {
            attributes[attr.name] = attr.value;
        }); 
        this.$el.attr(attributes).html($template.html());
        this.setContent();
        this.renderContent();
    },

Luciano Fantuzzi 08 июнь 2016, в 16:45

0

Это решение работало для WP 4.6.1 и Visual Composer 4.5.3.
Out of Control 28 сен. 2016, в 16:52

1

Оформление заказа под кодом для $template.get не является функцией и Uncaught TypeError: Невозможно прочитать атрибуты свойств undefined. Работал для меня.

html2element: function(html) {
    var $template, attributes = {},
            template = html;

        $template = $(template(this.model.toJSON()).trim());
        if($template.get(0))
        {
            _.each($template.get(0).attributes, function(attr) {
            attributes[attr.name] = attr.value
        })};

        this.$el.attr(attributes).html($template.html()),
        this.setContent(),
        this.renderContent()
}

Amit Garg 18 июль 2017, в 19:53

0

Этот сделал свое дело для меня! Почти по умолчанию: я могу добавлять элементы, но они не отображаются, пока не сохранится страница. По крайней мере, я не получаю никаких ошибок на консоли, как я сделал с другими изменениями кода: D
mMoovs 13 окт. 2017, в 06:58

1

Ну, я нашел решение на этом сайте: https://wordpress.org/support/topic/visual-composer-is-not-working

сначала: отредактировать html2element:.... in in/wp-content/plugins/js_composer/assets/js/backend/composer-view.js

html2element: function(html) {
        var $template, attributes = {},
            template = html;
        $template = $(template(this.model.toJSON()).trim()), _.each($template.get(0).attributes, function(attr) {
            attributes[attr.name] = attr.value
        }), this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()},

second: Однако, если вы откроете редактор frontend, у вас будет эта проблема с настройкой на custom_views.js: 101 и в строке 467 другого файла. Я забыл имя, но я думаю, что это может быть frontend_editor.js.

изменить в:\wp-content\plugins\js_composer\assets\js\frontend_editor\

frontend_editor.js
custom_views.js

Плохой код:

this.$controls = $( _.template( template, data, _.extend( {},
            vc.template_options,
            { evaluate: /\{#([\s\S]+?)#}/g } ) ).trim() ).addClass( 'vc_controls' );

Фиксированный код:

this.$controls = $( _.template( template, data, _.extend( {},
            vc.template_options,
            { evaluate: /\{#([\s\S]+?)#}/g } ) )().trim() ).addClass( 'vc_controls' );

Третий: см. черную магию.

Приветствия.

Sebastian Diaz 23 июнь 2016, в 05:53

0

в сущности, это именно this.$controls = $(_.template(template, data, vc.template_options).trim()).addClass('vc_controls');
MrMesees 24 июнь 2016, в 12:28

1

Я использую тему Astra. Это исправление работает на 99,9%. Для некоторых это только останавливает вращающееся колесо, но как только страница загружает визуальный композитор, нет.

Я немного изменил этот код (который теперь размещен повсюду)

Оригинальный код темы Astra здесь (composer-view.js)

        html2element:function (html) {
        var attributes = {},
            $template;
        if (_.isString(html)) {
            this.template = _.template(html);
            $template = $(this.template(this.model.toJSON()).trim());
        } else {
            this.template = html;
            $template = html;
        }
        _.each($template.get(0).attributes, function (attr) {
            attributes[attr.name] = attr.value;
        });
        this.$el.attr(attributes).html($template.html());
        this.setContent();
        this.renderContent();
    },

Код, который работает:

html2element: function(html) {
    var $template, 
    attributes = {},
    template = html;
    $template = $(template(this.model.toJSON()).trim()), 
     _.each($template.get(0).attributes, function(attr) {
    attributes[attr.name] = attr.value
}); this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()

},

Основное отличие находится здесь (по сравнению с исходным кодом)

}); this.$el.attr

Вместо исходной запятой есть точка с запятой:):

}), this.$el.attr

Приветствия людей:) Итак

Renegade_Mtl 28 апр. 2016, в 21:36

0

Это помогло мне загрузить некоторые страницы, но некоторые загружаются только частично. Теперь я получаю эту ошибку: composer-custom-views.js? Ver = 4.5.3: 853 Uncaught TypeError: Невозможно прочитать свойство 'custom' из неопределенного. Строка выглядит следующим образом: var $ element = $ (_.template (this.buttonTemplate, {params: params}, vc.templateOptions.custom));
mat 11 май 2016, в 09:01
0

Я заменил декларацию на 0, это, кажется, решает все. Вероятно, не твердое решение, хотя ...
mat 11 май 2016, в 09:18

0

Я сделал эту модификацию, которая работает на моем WP 4.8.1 (PHP7)

в файле wp-content/plugins/js_composer/assets/js/backend/composer-view.js

вы должны изменить метод рендеринга:

замените эту строку

this.html2element(_.template($shortcode_template_el.html(), this.model.toJSON()));

этой строкой

this.html2element( $shortcode_template_el.html() );

Кажется, что функция _.template() не работает отлично и не возвращает хороший объект, поэтому лучше дать код html.

sly63 04 авг. 2017, в 00:32

0

Работает на WP 4.9.8 и PHP 7.2!
T.Ilciukas 10 сен. 2018, в 12:17

0

попробуйте обновить свою тему. Goto Appearance > Темы и проверьте наличие обновлений. Это автоматически разрешило проблему для меня после обновления.

Ошибка возникает, когда вы обновляете WP 4.5 для меня, запуская тему Nimva. Вы должны обновить до 2.02 Nimva, что позволяет автоматически обновлять.

Robert Spencer 15 апр. 2016, в 17:00

Ещё вопросы

Вместо того, чтобы включать изображение вашего сообщения об ошибке, пожалуйста, включите его в виде текста. Это поможет будущим читателям с похожим сообщением об ошибке найти ваш вопрос с помощью поиска.
какой-нибудь успех, исправляющий это до сих пор?
У меня есть эта ошибка сейчас: stackoverflow.com/questions/37090595/…
У меня работали на WP 4.6 и VC 4.6. Спасибо!
У меня отлично работали в WP 4.7.1 и VC 4.6 ...
Вы, ребята, великолепны .. спасибо за помощь в решении этой проблемы. Это решило это и с моей стороны! :)
Частично работал на WP 4.8. Это не обновляет представление после того, как композитор добавляет элемент для просмотра. Необходимо сохранить страницу и перезагрузить, чтобы просмотреть компонент. Любое исправление доступно?
Это работало нормально для меня :)
у меня тоже работает, и я могу копировать элементы, но я все еще получаю эту ошибку Uncaught Error: синтаксическая ошибка, нераспознанное выражение: .vc_teaser-btn - {{name}}
Это решение работало для WP 4.6.1 и Visual Composer 4.5.3.
Этот сделал свое дело для меня! Почти по умолчанию: я могу добавлять элементы, но они не отображаются, пока не сохранится страница. По крайней мере, я не получаю никаких ошибок на консоли, как я сделал с другими изменениями кода: D
в сущности, это именно this.$controls = $(_.template(template, data, vc.template_options).trim()).addClass('vc_controls');
Это помогло мне загрузить некоторые страницы, но некоторые загружаются только частично. Теперь я получаю эту ошибку: composer-custom-views.js? Ver = 4.5.3: 853 Uncaught TypeError: Невозможно прочитать свойство 'custom' из неопределенного. Строка выглядит следующим образом: var $ element = $ (_.template (this.buttonTemplate, {params: params}, vc.templateOptions.custom));
Я заменил декларацию на 0, это, кажется, решает все. Вероятно, не твердое решение, хотя ...

Ben · Accepted Answer · 2016-04-14T02-14-00.000Z

106

Лучший ответ

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

html2element: function(html) {
            var $template, attributes = {},
                template = html;
            $template = $(template(this.model.toJSON()).trim()), _.each($template.get(0).attributes, function(attr) {
                attributes[attr.name] = attr.value
            }), this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()
        },

Все снова хорошо работает для меня! Надеюсь, это поможет другим.

Ben 14 апр. 2016, в 02:14

5

На всякий случай, если вы не можете найти нужный файл для редактирования, в моем случае это здесь: /wp-content/plugins/js_composer/assets/js/dist/backend.min.js
Sergii Dumyk 17 апр. 2016, в 00:02
1

Удвоение любого компонента не работает с этим обновлением @Ben
Rahman Usta 17 апр. 2016, в 22:32
0

@RahmanUsta удвоение работает для меня. В чем ошибка консоли?
Ben 18 апр. 2016, в 17:54
0

Спасибо Бен, это сработало для меня ....
Adnan 19 апр. 2016, в 07:50
9

работал. файл находится здесь: /home/statingt/public_html/wp-content/plugins/js_composer/assets/js/backend/composer-view.js
gsziszi 19 апр. 2016, в 09:43
4

composer-view.js? ver = 4.5.3: 6 Uncaught TypeError: Невозможно прочитать свойство 'атрибуты' из неопределенного. Я получаю это после изменения кода
Dan Hastings 22 апр. 2016, в 16:37
0

Мужчины вы лучшие;) :) Спасибо за вашу долю ...
Merianos Nikos 23 апр. 2016, в 06:05
0

Удивительно ..! Спасибо, что поделился
vrajesh 27 апр. 2016, в 11:31
0

Ошибка типа: $ template.get (...) не определена composer-view.js: 138: 73
Apeiron 29 апр. 2016, в 10:30
0

@ Я имею эту ошибку после использования вашего кода: stackoverflow.com/questions/37090595/…
Graham Slick 07 май 2016, в 16:39
0

@Ben Большое спасибо, парень. Сэкономил мне много времени. Ура !.
LahiruBandara 20 май 2016, в 18:59
0

Ты, черт возьми, спасешь себя.
Aron 16 июнь 2016, в 14:18
2

@DanHastings & Apeiron, см. Мой ответ ниже для исправления для "Uncaught TypeError: Невозможно прочитать свойство 'attribute' of undefined".
ECC-Dan 20 июль 2016, в 16:26
0

Я мог бы задать глупый вопрос, некоторое время не работал с WP ... Как мне получить доступ к js-файлам плагина composer, если у меня нет доступа по FTP? Спасибо!
Spaceploit 06 окт. 2016, в 21:00
0

Сценарий я буду меняться, но не работает
Falguni Panchal 07 нояб. 2016, в 12:38
0

Визуальный композитор связан с моей темой, поэтому у меня не было доступа к новой версии. Использование исправления, предложенного @Ben, решило и эту проблему для меня.
frostshoxx 14 нояб. 2016, в 22:47
0

спасибо братан, работал на меня.
Mehmet Taha Meral 17 дек. 2016, в 01:06
0

для пользователей 4.3.4 Visual Composer скопируйте его ответ и расскажите о существующих в composer-view.js /wp-content/plugins/js_composer/assets/js/backend/composer-view.js
Keensleeeeeeee 25 янв. 2017, в 13:26
0

Это не работает для WP 4.7.1. Пожалуйста, смотрите решение @ ECC-Dan, которое отлично работает.
Riccardo Bassilichi 31 янв. 2017, в 16:55
0

Хороший парень! Ты лучший, ха-ха Спасибо!
Zkk 26 март 2017, в 23:55
0

Это решило мою проблему.
Arek Kostrzeba 28 апр. 2017, в 09:43
0

Это не должно быть просто "Спасибо, я тоже!" комментарий, а точнее, чтобы конкретно сообщить будущим читателям, что это работает для темы Magazinly, где файл wp-content / themes / Magazinly / wpbakery / js_composer / assets / js / backend / composer-view.js
TecBrat 15 май 2017, в 18:43
0

Этот код работает с 4.5.2, спасибо!
Toni Michel Caubet 25 окт. 2017, в 10:19
0

спасибо .. ты спас мне жизнь ..
charith rasanga 15 март 2018, в 15:46
0

спасибо, это работает
kkatusic 15 нояб. 2018, в 10:12
0

WPBakery Visual Composer версии 4.9 + WordPress 5.0.3 и это обновление в коде исправило проблему.
Patrice Poliquin 08 март 2019, в 15:29

Показать ещё 24 комментария