No se reconoce Javascript propio

publicado por: Anonymous

Estoy desarrollando una aplicación en XAMPP con PHP y JS.

Tengo las carpetas acomodadas en este orden:

1) app/asset/css (Guardo los archivos css, ‘bootstrap’ y mi principal)

2) app/asset/dist (Guardo los archivos js, ‘bootstrap’, ‘jquery’ y mi principal ‘main.min.js’)

3) app/asset/resources (Guardo los archivos de imágenes,iconos,etc)

4) app/module/index (Guardo los módulos php como ‘footer’,’head’,(principales))

5) app/module/juego (Guardo los módulos php básicos del juego)

6) app/index.php (Archivo principal que se enlaza todo el contenido)

7) el resto no creo que importen porque son carpetas de Sass y el Js que minifico con Gulp.

Ahora, ¿Cúal es mi problema?

Cuando quiero comprobar si se enlazo bien mi archivo ‘main.min.js’ al index.php no me retorna información de este, ni tampoco da un mensaje de error.

Los únicos archivos que responden son los de bootstrap.min.js y jquery.min.js ya que estoy ocupando sus funcionalidades.

Pero del main.min.js no recibo ninguna respuesta por consola.

¿Cómo lo estoy enlazando?

Mi archivo index.php es así:

   <?php

   require 'module/index/head.php';

   require 'module/index/header.php';

   require 'module/index/conn.php';

   ?>



    <h1 id="tituloPrincipal" class="text-center">Titulo de Proyecto</h1>


    <div id="cajaPrincipal">        


    <?php

    require 'module/juego/menu.php';

    require 'module/juego/pantallaMenu.php';

    ?>

    </div>



    <?php

    require 'module/index/footer.php';

    ?>

¿Cómo esta escrito el Footer?

   <script src="asset/dist/jquery-3.2.1.min.js"></script>

   <script src="asset/dist/bootstrap.min.js"></script>

   <script scr="asset/dist/main.min.js"></script>

  </body>

  </html>

¿Cúal es el error?

La verdad que desconozco que pueda ser… como les digo, me toma los otros archivos Javascript que ocupa bootstrap salvando el mio ‘main.min.js’.

Si reviso el código fuente me muestra que mi archivo esta escrito en el index.php (aunque no me reconozca los console.log que le envió), la diferencia es que los otros dos archivos (de bootstrap) resaltan como vínculo menos el mio.

solución

Después de analizar minuciosamente las líneas donde importas los scripts (tuve que leerlas por lo menos 5 veces) encontré tu error:

<script scr="asset/dist/main.min.js"></script>

El atributo es src y no scr por lo cual la línea debe quedar así:

<script src="asset/dist/main.min.js"></script>
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *