Question

我正在使用引导程序制作表单，当我从文件夹中打开我的 HTML 文件时，出现以下错误并且样式未加载 error

但是当我在 Visual Studio Code 中使用 Live Server 打开 HTML 时，一切正常live server

为什么会发生这种情况，我该如何解决？这是我的代码：

 <!-- Bootstrap CSS -->
<link rel="stylesheet" href="/practica bootstrap-copia/css/bootstrap.min.css">
<link rel="stylesheet" href="/practica bootstrap-copia/form.css">
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;800&display=swap" rel="stylesheet">

<title>Arma tu cv</title>

<!-- BOOTSTRAP AND JS -->
<script src="/practica bootstrap-copia/js/bootstrap.min.js"></script>
<script src="/scripts.js"></script>

my folders

感谢您的关注。

Answer 1

我重现了您的问题并找到了解决方案。删除您的 href 中的前导正斜杠。它们需要是相对目录位置，而不是绝对位置。

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="practica bootstrap-copia/css/bootstrap.min.css">
<link rel="stylesheet" href="practica bootstrap-copia/form.css">
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;800&display=swap" rel="stylesheet">

<title>Arma tu cv</title>

为什么我有错误加载资源失败：net::ERR_FILE_NOT_FOUND？

1 个答案: