Erro de console no Google “Uncaught TypeError: Não é possível ler a propriedade ' estilo ' de null “

Eu coloquei a opção para adicionar o aplicativo PWA de vários botões no meu site, mas o console do Google me dá o erro “Não identificado TypeError: Não é possível ler a propriedade ‘estilo’ de null”.

minha intenção é que o aplicativo PWA pode ser instalado a partir do menu, o cabeçalho e no final no rodapé. Os botões funcionam, mas o erro no console persiste …

Eu passo o código que eu tenho no rodapé.php:

 <script type="text/javascript"> if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log('service worker ready'); registration.update(); }) .catch(function(error) { console.log('Registration failed with ' + error); }); }); } let deferredPrompt; const addBtnHeader = document.querySelector('.add-button-header'); const addBtnMenu = document.querySelector('.add-button-menu'); const addBtnFooter = document.querySelector('.add-button-footer'); addBtnHeader.style.display = 'none'; addBtnMenu.style.display = 'none'; addBtnFooter.style.display = 'none'; window.addEventListener('beforeinstallprompt', (e) => { // Prevent the mini-infobar from appearing on mobile. Evita que Chrome 67 y versiones anteriores muestren automáticamente el aviso e.preventDefault(); // Guarda el evento para que pueda activarse más tarde deferredPrompt = e; // Actualizar la interfaz de usuario para notificar al usuario que puede agregar a la pantalla de inicio addBtnHeader.style.display = 'block'; addBtnMenu.style.display = 'block'; addBtnFooter.style.display = 'block'; addBtnHeader.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnHeader.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); addBtnMenu.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnMenu.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); addBtnFooter.addEventListener('click', (e) => { // Oculta nuestra interfaz de usuario que muestra nuestro botón A2HS addBtnFooter.style.display = 'none'; // Mostrar el aviso deferredPrompt.prompt(); // Espere a que el usuario responda a la pregunta deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the A2HS prompt'); } else { console.log('User dismissed the A2HS prompt'); } deferredPrompt = null; }); }); }); </script>

O código de um botão, o resto são semelhantes, alterando o conteúdo da classe:

<a style="position: fixed;bottom:117px;left: 10px;z-index:9999;" class="add-button-footer mobile-menu añadirapp" title="pulsar para añadir a tus aplicaciones" href="#" onclick="javascript:return alert('<?php echo osc_esc_js(__('LEALES.ORG EN TUS APLICACIONES<br><br>•&nbsp;Pulsando Añadir en el siguiente mensaje se añadirá a tus aplicaciones, para que accedas cómodamente.<br><br>•&nbsp;Si no se muestra el mensaje, actualiza e inténtalo nuevamente.', 'beta')); ?>')"> <i class="fas fa-mobile-alt" href="#" style="margin-top:8px;margin-right:13px;font-size:34px;color:#F56200;"></i> </a>

Agradecemos antecipadamente!

Isso informa Eu para adicionar mais detalhes, mas não há muito mais para adicionar … Isso me diz para adicionar mais detalhes, mas não há muito mais para adicionar … Isso me diz para adicionar mais detalhes, mas não há muito mais Para adicionar add … isso me diz para adicionar mais detalhes, mas não muito mais para adicionar …

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *