将 Jquery Javascript 文件导入 Web 应用程序时出错 [重复]答案

【问题标题】：Error importing Jquery Javascript file to web application [duplicate]将 Jquery Javascript 文件导入 Web 应用程序时出错 [重复]
【发布时间】：2021-08-01 05:10:55
【问题描述】：

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

File structure

File structure in 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();

Error Message

【问题讨论】：

您是否也尝试过文件的绝对路径？

标签： javascript jquery flask path http-status-code-404

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你必须将 jquery 库下载到你的机器上，然后这样写：

<script src={{url_for("static",filename="the_name_of_the_file_you_downloaded")}}></script>

【讨论】：