首页 > 解决方案 > 我的网络应用程序的一部分仅有时显示

问题描述

我正在开发我的第一个网络应用程序用于学习目的。它包含一个日历,您可以在其中异步添加、编辑和删除它们。简单的。

一切似乎都正常,但是一旦我将它上传到我的主机,一位朋友告诉我他看不到日历,只有页眉和页脚......他说这发生在所有浏览器上,但在智能手机上它可以工作很好......我检查了自己,我可以在所有浏览器上看到它(这就是为什么我没有注意到),但在智能手机上发生了同样的错误!这与我朋友遇到的问题相同,但在相反的设备上。

我联系了主机,并将 PHP 版本更改为我用来开发它的 XAMPP 上最相似的版本......(xampp 上为 5.6.32,主机上为 5.6.35),但问题仍然存在。

我还尝试更新引导程序版本。日历是通过引导程序、JS(具有一些 ES6 功能,如导入-导出模块)和 jquery 通过 PHP 从数据库返回数据完成的......没什么特别的。

你知道会发生什么吗?要查看日历,您必须登录。

如果您想登录并查看它,请使用这些虚假凭据:

邮箱:test@gmail.com 密码:12345678

这是链接

http://myreminder.avanzartewebs.com/

我把有问题的文件的head标签放上来看看能不能给你提示

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer></script> 

    <!-- Latest compiled and minified CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <!-- Latest compiled and minified JavaScript -->

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous" defer></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous" defer></script>

    <link rel="stylesheet" type="text/css" href="../assets/css/styles.css">

    <script src="getAndPrintDate.js" defer></script>

    <!--<script src="assets/js/crearCalendario.js" defer></script>-->
    <script src="view_crearAnioCompleto.js" type="module"></script>

    <!--<script src="assets/js/buildList.js" defer></script>-->

    <!--the scripts with type=module (which work with modules using the imports) are defer by default-->
    <script src="../controls/clickOnCell.js" type ="module" ></script>
    <script src="../controls/taskSubmit.js" type ="module" ></script>
    <script src="../controls/listButtonsClick.js" defer ></script>
    <script src="../controls/editTaskSubmit.js" type="module" ></script>
    <script src="../assets/js/fontawesome-all.js" defer ></script>







</head>

标签: javascriptphpjquerytwitter-bootstrapecmascript-6

解决方案


尝试下载这些而不是从他们的网站链接它们并尝试。我的主人正在阻止它。那是我想看看的东西。

<!-- Latest compiled and minified CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous" defer></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous" defer></script>

推荐阅读