时间戳

首页 > 解决方案 > 将 Jquery Javascript 文件导入 Web 应用程序时出错

javascript - 将 Jquery Javascript 文件导入 Web 应用程序时出错

问题描述

我正在使用 Python 的 Flask 库构建一个简单的 Web 应用程序。我能够成功呈现使用 CSS 设置样式的 HTML 模板。当我尝试链接到 Javascript 文件以使用 Jquery 时，我在控制台中收到 404 错误。我尝试了许多不同的路径并移动了文件以尝试解决问题。我成功地从同一个 HTML 文件链接到样式表，但即使在尝试链接到 javascript 文件时遵循相同的优先级，我也会收到错误消息。加载 HTML 文件时，P 标记仍然存在（写入 Jquery 文件以将其删除），并且在检查页面时出现“找不到文件错误”。

文件结构

Sublime 中的文件结构

index.HTML 中的代码

<body>
  <script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>
  <script src="js/main.js"></script>
</body>

main.js 代码 //只是隐藏

负载，所以我知道它有效

$("p").hide();

错误信息

标签： javascriptjqueryflaskpathhttp-status-code-404

解决方案

如果您使用的是烧瓶，它应该是这样的：

<script src="{{ url_for('js', filename='main.js') }}"></script>

推荐阅读