У меня проблемы с загрузкой временной шкалы Twitter в приложении Vue. Временная шкала загружается правильно во время начального доступа к странице, но после использования навигации или обновления страницы временная шкала Twitter больше не отображается.
Я пытаюсь загрузить файл widgets.js через смонтированную функцию:
mounted: function () {
//TWITTER
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.widgets.load();
}
Я использую twttr.widgets.load(); для динамической загрузки виджета в соответствии с этим документом: https://developer.twitter.com/en/docs/twitter-for-websites/javascript-api/guides/scripting-loading-and-initialization.
Стоит отметить, что я получаю следующую ошибку в консоли, что в основном означает, что во время вызова twttr.widgets.load(); файл widgets.js недоступен:
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'load' of undefined"
Есть какие-нибудь намеки?