firebase no responde en VUE-CLI APP

no se que ocurre, pero no puedo interactuar con firebase desde mi app VUE-CLI.

He intentado hacerlo usando cdn de vue, y cdn de firebase en un fichero simple index.html y ahí si me ha funcionado por lo que entiendo que los datos de conexión no son.

Dejo los códigos implicado con la esperanza de que alguien me abra los ojos.

Un saludo.

usuarios.vue

 methods:{      cargarPersonas(){          firebase.database().ref("grupos/usuarios").set({           usuario:"Juna",           contraseña:"aaaabbbb"}); }} 

main.js

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import 'bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; import axios from 'axios'; import firebase from 'firebase';   const firebaseConfig = {   apiKey: "****",   authDomain: "****",   databaseURL: "****",   projectId: "****",   storageBucket: "****",   messagingSenderId: "****",   appId: "****" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); var db=firebase.database();     Vue.config.productionTip = false  Vue.prototype.$  http = axios;  /* eslint-disable no-new */ new Vue({   el: '#app',   router,   axios,   components: { App },   template: '<App/>' }) 

sweetalert2 no funciona o no responde en el if o else

Hola estoy implementando un sistema de registro de mascotas y quiero que al momento de enviar el formulario envíen un mensaje de éxito, estoy utilizando sweetalert2, he logrado hacer la condición, pero al momento de poner el código de sweetalert2 en el if no me responde, me gustaría me ayuden.

 <div class="form-row">                 <div class="col">                   <button                     type="submit"                     class="btn btn-perro btn-block"                     data-toggle="modal"                     data-target="#modalCambio"                     onclick="enviarExitoCambio()"                    >                     Enviar Solicitud                   </button>                 </div>               </div> 

Función

function enviarExitoCambio() { let direccionNuevDueCamb =  document.getElementById("direccionNuevDueCambio").value; if (direccionNuevDueCamb == "") { return false; } else { Swal.fire( 'The Internet?', 'That thing is still around?', 'question'  )  return false; } } 

Atributo Checked não responde com sr-only

Estou escondendo o <input type="radio"> com a classe sr-only do bootstrap, e o problema que ocorre é o seguinte:

  • Com a classe sr-only ativa:

    1. Os radio não são desmarcados caso eu clique no outro
    2. O .card fica colorido ao clicar
  • Sem a classe sr-only:

    1. Os radio são desmarcados caso eu clique no outro
    2. O .card não fica colorido ao clicar

O que estou tentando fazer é simplesmente o seguinte:

  • Ao clicar no determinado input, será colorido com o atributo background-color o mesmo.

Porque está acontecendo isto e como resolver?

Animação inserir a descrição da imagem aqui

HTML

<div class="form-group col-6">     <label for="step-one-form-sex-male" data-for="step-one-form-sex-male" style="width: 100% !important;">         <input type="radio" name="step-one-form-personal-information-sex" value="Male">         <div class="card">             <div class="card-body text-center">                 <img src="./dist/img/doctor_male.png" alt="" style="width: 4rem">             </div>             <div class="card-footer text-center py-2">                 <h7 class="card-title font-weight-bold" style="font-size: .87rem"> SOU HOMEM</h7>             </div>         </div>     </label> </div> <div class="form-group col-6">     <label for="step-one-form-sex-female" id="tst" data-for="step-one-form-sex-female" style="width: 100% !important;">         <input type="radio" name="step-one-form-personal-information-sex" value="Female" class="sr-only">         <div class="card">             <div class="card-body text-center">                 <img src="./dist/img/doctor_female.png" alt="" style="width: 4rem">             </div>             <div class="card-footer text-center py-2">                 <h7 class="card-title font-weight-bold" style="font-size: .87rem">                     SOU MULHER                 </h7>             </div>         </div>     </label> </div> 

SASS

   label {         &[data-for="step-one-form-sex-female"] {             & {                 input {                     &:checked + .card {                          @include createBorder('rounded', solid, 1px, #FF648F);                          .card-footer {                             @include createColor('light-rose-1', background-color);                             @include createColor('white', color);                            }                     }                 }             }              &:hover {                 @include media-breakpoint-lg {                     .card {                         @include createBorder('rounded', solid, 1px, #FF648F);                         @include createShadow(box-shadow, 'regular');                          .card-footer {                             @include createColor('light-rose-1', background-color);                             @include createColor('white', color);                         }                     }                 }             }         }     } 

Firebase não responde quando o Debug Remoto está ativado (React Native)

Estou fazendo um aplicativo com React-Native usando o Firebase. Não sei exatamente quando, mas de repente o Firebase parou de funcionar quando o Debug JS Remotely foi ativado.

Eu verifiquei cada parte do meu código procurando por algo que poderia fazer esse erro acontecer, e não há nada. Além disso, tudo funciona perfeitamente quando o Debug Remoto está desabilitado.

Eu acho que não há realmente nenhum código para mostrar, uma vez que o firebase executa a leitura de dados como esperado quando a depuração remota está desligada. (Me digam se eu estiver errado)

Eu gostaria de saber se é normal ou se é algum problema de configuração besta ou o que isso poderia ser. Eu senti que precisava perguntar novamente porque eu não encontrei muitos casos parecidos e a última pergunta sobre isso aqui foi há 2 anos e meio nesse post e ele não resolveu o problema: só disse que tinha algo relacionado à autenticação com Facebook, mas não encontrou uma solução.

Tomcat 9 no responde en puerto 80

Estoy haciendo una aplicación web con Spring y quiero probarla en un servidor tomcat 9. La cuestión es que al configurarlo va todo OK desde localhost y la IP publica. Compré un dominio en DonDominio y todo bien hasta el momento que instalé y configuré el DonDns para la IP dinámica. En ese momento tomcat dejo de responder al puerto 80 desde la IP pública. Puerto abierto y todo correcto. Miré los servicios y conexiones y el puerto no está siendo usado. Si cambio el pierto del tomcat al 81 vuelve a funcionar todo. Alguna idea de que puede ser?? Un saludo

¿Por qué mi Tweepy Script responde a alguien que hace RT o Comentarios?

me podría ayudar alguien a resolver este problema, quiero que responda a la persona específica del tweet solamente, ahora mismo responde también a los rt o comentarios del mismo, y eso no quiero que lo haga, gracias de antemano.

El archivo .txt contiene una simple frase nada más.

import tweepy  class MyStreamListener(tweepy.StreamListener):      def on_status(self, status):         file = open("messages.txt", "r")         content = file.readlines()         line = content[0] # just a total guess of an index         print("answering @" + status.user.screen_name + " tweetID " + status.id_str + " with : " + line.rstrip())         api.update_status(status="@" + status.user.screen_name + " " + line, in_reply_to_status_id=status.id)         return False  consumer_key = '' consumer_secret = '' access_token = '' access_token_secret = ''  auth = tweepy.OAuthHandler(consumer_key, consumer_secret) auth.set_access_token(access_token, access_token_secret) api = tweepy.API(auth) myStream = tweepy.Stream(auth, MyStreamListener()) myStream.filter(follow=['']) 

Button Não responde comando Javascript

Tenho uma página, que disponibiliza um cupom. Ah uma imagem informando que deve ser clicado, e ao clicar era para o mesmo copiar o texto informado no codigo. Porém depois que adicionei o pop-up, não esta mais copiando. Alguém sabe o que pode ser?

        let copiarTexto = () => {             //O texto que será copiado             const texto = "10KITS239";             //Cria um elemento input (pode ser um textarea)             let inputTest = document.createElement("input");             inputTest.value = texto;             //Anexa o elemento ao body             document.body.appendChild(inputTest);             //seleciona todo o texto do elemento             inputTest.select();             //executa o comando copy             //aqui é feito o ato de copiar para a area de trabalho com base na seleção             document.execCommand('copy');             //remove o elemento             document.body.removeChild(inputTest);  }         };     
.banner-cupom {      text-align: center;  }  .banner-cupom img{    max-width: 400px;  }  .text-coupon {      font-size: 1.3em;     margin-top: -110px;     color: white;     text-align: center;     font-weight: bold;     margin-bottom: 50px;  }  .button, button {        display: -webkit-inline-box;     color: #fff;     border: 1px solid #72dafb;     border-radius: 10px;     margin-bottom: 10px;     text-align: center;     outline: 0;     background: #72dafb;     font-weight: bold;     padding-left: 2em;     padding-right: 2em; }  .button:hover, button:hover {     cursor: pointer;     color: #fff;     background-color: #f6bc70;     border-color: #f6bc70;     text-decoration: none; }   .modal-content {     border-radius: 15px;     width: 30px;     height: 60px;     position: relative;     top: 420px;     left: 290px; }   .modal-body {    background: #000;   border-radius: 15px;     width: 80px;     height: 10px;   position: relative;   }  .modal-body:after {   content: "";   width: 0;   height: 0;   position: absolute;   border-left: 20px solid transparent;   border-right: 20px solid transparent;   border-top: 20px solid #000;   bottom: -20px;   left: 20%; }
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <script src="all.js"></script> <div class="banner-cupom"> <img src="{{media url="wysiwyg/Paginas/kitbody/cupom_2.png"}}" alt="" /> <div class="text-coupon"><button onclick="funcao()" onclick="copiarTexto()" data-toggle="modal" data-target="#myModal">10KITS239</button> </div> </div>   <div class="modal fade" id="myModal" role="dialog">     <div class="modal-dialog">       <div class="modal-content">         <div class="modal-body" id="close">           <p align="center">Copiado.</p>         </div>       </div>     </div>   </div>

Imagen no responde a width

estoy haciendo una pagina web y entre en la parte del diseño, estoy siguiendo varios tutoriales, bueno, el punto, en mi pagina se muestran distintas imagenes que yo puse en html, pero al querer modificar su width desde el css quedan exactamente igual. Este es mi codigo

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Pacifico'); * {     box-sizing: border-box; } body {     font-family: 'Montserrat', sans-serif;     margin: 0;      } /*-----------Estilos base*------------*/ img {     display: block;     width: 100px;     max-width: 100%;      } h1, h2, h3, h4, h5, h6{     margin: 0; } .container {     width: 100%;     margin: auto; } .container--flex {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     align-items: center; } .column {     width: 100px; } /*-----------Estilos header------------*/ .main-header {     width: 100px; } .logo{     font-stretch: 1.8em;     color: #DE423A;     padding: 10px;     font-family: 'Pacifico', cursive;     font-weight: 100;      } .main-header__contactInfo__phone {     background: #DE423A;     color: white;     margin: 0;     padding: 10px; } .main-header__contactInfo__adress{     padding: 10px;     margin: 0; } .main-header [class*="icon-"]:before {     position: relative;     top: 2px;     right: 5px; } /*-----------Estilos header------------*/  .main-nav{     width: 100%;     position: relative;     z-index: 2000;     paddi: 10px; } .icon-menu {     disp: block;     color: white; } .menu {     position: absolute;     top: 60px;     left: 0;     width: 100px;     background: rgba(0,0,0,.85);     padding: 0;     margin: 0;     list-style: none;     text-align: center;     height: 0;     overflow: hidden;     transition: height.3s linear;           } .menu__link {     display: block;     padding: 15px;     color: white;     text-decoration: none; } .menu__link:hover {     background: #DE423A;      } .menu__link--select {     bakcground: #DE423A;   } .mostrar {     height: 196px; } /*-----------Estilos banner------------*/ .banner {     margin-top: -55px;     position: relative; } .banner:before {     content: '';     position: absolute;     width: 100%;     height: 100%;     background: rgba(0,0,0,0.7);     z-index: 0;     top: 0; } .banner__img{     width: 100%;     height: 500px;     object-fit: cover; } .banner__content {     width: 90;     color: white;     text-align: center;     position: absolute;     z-index: 1500;     top: 50%;     left: 50%;     transform: translateX(-50%) translateY(-50%);     font-size: 1.5em;     font-weight: bold;      }     
<!DOCTYPE html> <html lang="es"> <head> <meta chars="UTF-8"> <title>Dissoftec</title>     <meta name="Viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0,maximum-scale=3.0, minimum-scale=1.0">     <link rel="stylesheet" href="css/estilos.css">    <link href="https://file.myfontastic.com/k8MQSN7TxA36UVcG7ZhvKQ/icons.css" rel="stylesheet"> </head> <body>     <header class="main-header">     <div class="container container--flex">         <div class="logo-container column--50">         <h1 class="logo">Dissoftec</h1>         </div>         <div class="main-header__contactInfo column column--50">         <p class="main-header__contactInfo__phone">         <span class="icon-phone">Numero: (81) 1885 2578</span>         </p>         <p class="main-header__contactInfo__adress">             <span class="icon-location"> Ubicacion: Tolteca 7344 Unidad Modelo </p>             </div>         </div>              </header>     <nav class="main-nav">         <div class="container container--flex"></div>         <span class="icon-menu" id="icon-menu"></span>         <ul class="menu" id="menu">             <li class="menu__item"><a href="" class="menu__link">Inicio</a></li>             <li class="menu__item"><a href="" class="menu__link">Nostros</a></li>             <li class="menu__item"><a href="" class="menu__link">Galería</a></li>             <li class="menu__item"><a href="" class="menu__link">Contacto</a></li>             <li class="menu__item"><a href="" class="menu__link">Registrar Datos</a></li>         </ul>     </nav>     <section class="banner">     <img src="Imagenes/banner.jpg" alt="" class="banner__img">     <div class="banner__context">Inovacion en hardware y software</div>     </section>     <main class="main">         <section class="group group--color">         <div class="container">             <h2 class="main__title">Bienvenido a Dissoftec</h2>             <p class="main__txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam porro veritatis quo libero quisquam temporibus illo quasi, fugiat recusandae, deleniti, hic architecto ipsa? Eos voluptates unde a cumque ullam.</p>                      </div>         	</section>         	<section class="group main__about__description">                <div class="container container--flex">                   <div class="column column--50">                   <img src="Imagenes/software.jpg" alt="">                    </div>                    <div class="column column--50">                        <h3 class="column__title">Expertos en tecnologia</h3>                        <p class="column__txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, ea quasi! Expedita consequatur at ad sunt, ipsa culpa quod, placeat laborum non, ipsum sequi. Laboriosam aliquam non id labore optio!</p>                        <a href="" class="btn btn--contact">Contact</a>                    </div>                                    </div>         	             	</section>         	<section class="group today-special">         	    <h2 class="today-sepcial__title">Especialidades</h2>         	    <div class="container container__flex">         	        <div class="column column--50-25">         	            <img src="Imagenes/columna1.jpg" alt="" class="today-special__img">         	            <div class="today-special__title">Inovacion</div>         	        </div>         	        <div class="column column--50-25">         	            <img src="Imagenes/columna2.jpg" alt="" class="today-special__img">         	            <div class="today-special__title">Inovacio1</div>         	        </div>         	        <div class="column column--50-25">         	            <img src="Imagenes/columna3.jpg" alt="" class="today-special__img">         	            <div class="today-special__title">Inovacion2</div>         	        </div>         	        <div class="column column--50-25">         	            <img src="Imagenes/columna4.jpg" alt="" class="today-special__img">         	            <div class="today-special__title">Inovacion3</div>         	        </div>         	    </div>         	</section>         	     </main> <footer class="main-footer">                <div class="container container--flex">                <div class="column column--33">                <h2 class="column__title">Por que visitarnos?</h2>                <p class="column__txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A porro non reprehenderit laborum at quam voluptatum animi, ratione? Voluptatibus fugiat velit quibusdam earum dolorem ab blanditiis perspiciatis facilis possimus doloribus.</p>                </div>                <div class="column column--33">                <h2 class="column__title">Contactanos</h2>                <p class="column__txt">Tolteca 7344</p>                <p class="column__txt">(81)1398-3197 </p>                <p class="column__txt">dissoftec@gmail.com</p>                </div>                </div>                <p class="copy">© 2019 Dissoftec | Todos los derechos reservados </p>     </div>         	             	</footer>         	<script src="js/menu.js"></script>      </body> </html>

Otro problema que tengo es que al intentar subirlo a inernet, no se sube como deberia, le falta todo lo que le modifique desde el css