0

Analicé mi página en una consola para ver si tenia errores en Javascript y me arrojó 2 errores:

Uncaught TypeError: Cannot read property 'replace' of null
Source file: at line: 150, column: 5103
Uncaught RangeError: Maximum call stack size exceeded
Source file: at line: 65, column: 372

Este es el código que me arroja el primer error:

var text = ["texto 1", "text 2", "text 3", "text 4"];
var rand = Math.floor(Math.random() * text.length);
$('a').attr('href', text[rand].replace(/\s/g, "-"));

El otro error, no tengo idea de donde proviene.

Aquí dejo un link para que observen mi script en funcionamiento

15
  • 1
    Vas a tener que poner tu código completo para ver qué puede estar pasando. Al menos poner la línea donde se intenta hacer un replace de null. Además, me parece que estamos hablando de un codigo minificado, digo, porque tiene más de 5000 columnas
    – ffflabs
    el 22 mar. 2017 a las 23:13
  • Si exactamente lo minifique, y ya agregue el código donde me arroja el primero error. el 22 mar. 2017 a las 23:24
  • Lo curioso es que pareciese que rand te genera un índice superior a la longitud de text pero eso no puede ser porque Math.floor siempre redondea hacia abajo. Saca text[rand] y ponlo arriba de la línea problemática para descar eso: var texto = text[Math.floor(Math.random() * text.length)]; e imprime texto.
    – gugadev
    el 22 mar. 2017 a las 23:42
  • De echo ya lo había intentado así, y el resultado es igual. el 23 mar. 2017 a las 0:05
  • 1
    El bin funciona correctamente. He refactorizado un poco tu código para hacerlo más legible. Fuera de eso, todo funciona bien.
    – gugadev
    el 23 mar. 2017 a las 5:14

3 respuestas 3

2

Te hice un snippet mostrando el comportamiento de rand y href en 100 iteraciones. Ninguna causa error, ni aunque haga 1000 ni 10000 iteraciones.

var i=0,
    text = ["texto 1", "text 2", "text 3", "text 4"],
    timerId;

timerId = window.setInterval(function() {
  i++;
  var rand = Math.floor(Math.random() * text.length);
  
  $('a')
  .text('Iteración '+i+', rand es '+rand)
  .attr('href', text[rand].replace(/\s/g, "-"));  
  
  if(i>=100) {
    clearInterval(timerId);
  }
},100);
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#">Soy el elemento a</a>

Pienso que la única respuesta posible (y con eso admito que esta no es una respuesta completa y merezco muchos downvotes) es que en alguna parte se esté sobreescribiendo el valor del array text o se le esté pusheando uno o más elementos nulos. Por ejemplo:

var i=0,
    text = ["texto 1", "text 2", "text 3", "text 4"],
    timerId;

timerId = window.setInterval(function() {
  i++;
  
  if(i==10) {
    text.push(null);
  }
  var rand = Math.floor(Math.random() * text.length);
  
  $('a')
  .text('Iteración '+i+', rand es '+rand)
  .attr('href', text[rand].replace(/\s/g, "-"));  
  
  if(i>100) {
     clearInterval(timerId);
  }

},100);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#">Soy el elemento a</a>

Hay varias posibilidades, pero la primera pista es que no está apuntando a un índice inexistente, pues ello arrojaría

Uncaught TypeError: Cannot read property 'replace' of undefined

Cuando específicamente está diciendo

Uncaught TypeError: Cannot read property 'replace' of null

Por la misma razón tampoco es posible que text se haya sobreescrito a un string, número, booleano u objeto, ya que el error sería distinto.

1
  • Se agradece tu ayuda amigo, y pues aun no encuentro el problema, ya hasta Reescribí mi código y nada. Pero bueno ya que, así lo tendré que dejar hasta dar con la raíz del problema. el 23 mar. 2017 a las 18:45
0

Pues no veo que de error el fragmento de código que presentas.
¿Podrías dar más datos?

var text = ["texto 1", "text 2", "text 3", "text 4"];
var rand = Math.floor(Math.random() * text.length);
$('a').attr('href', text[rand].replace(/\s/g, "-"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>Test anchor link</a>

4
  • Hola Litta, bienvenida a StackOverflow en Español. Te comento cordialmente que cuando publicas una respuesta es para ofrecer una solución a la pregunta del OP. Trata de no publicar respuestas que necesiten aclaración del OP. Cuando tengas suficiente reputación (50), podrás comentar para pedir detalles, indicar cosillas rápidas, etc. Te invito a hacer el tour y a consultar la guía Cómo responder.
    – gugadev
    el 23 mar. 2017 a las 3:28
  • Hola @GustavoGarcía, yo conozco StackOverflow en inglés y pensé que era igual. Solo intentando ayudar. Anyway... AnimationsNow Sería de gran ayuda si te apoyaras de un (jsfiddle.net) con tu código, así siempre es más fácil encontrar la respuesta. el 23 mar. 2017 a las 3:36
  • Muchas veces el error está en otra parte. Creo que este es uno de esos casos.
    – A. Cedano
    el 23 mar. 2017 a las 3:38
  • De acuerdo con @A.Cedano. De hecho el error de Maximum call stack size exceeded supongo se dá en otra parte muy diferente del fragmento que nos presenta. Esperemos feedback :) el 23 mar. 2017 a las 3:40
-4

creo que esta chocando en la parte del regex del replace haber intenta con esto

               var mapObj = {
                    one: "hola",
                    two: "mundo",

                };

                var limite_text = counter.Texto.replace(/hola|mundo/gi, function (matched) {
                    return " ";
                });

y debugea return para que veas lo que te manda en la consola

3
  • Gracias amigo, y pues aun así me da el mismo error. el 23 mar. 2017 a las 0:44
  • se me hace raro que te mande error al replace probablemente tengas un script con algún error de sintaxis o una etiqueta script mal acomodada el 23 mar. 2017 a las 1:35
  • Ya hice varias comprobaciones anteriormente, analize el html, el css, el php y el javascript, y solo el javascript me arroja errores. el 23 mar. 2017 a las 3:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.