引导程序图标未加载，但在node_modules中可用

Question

我已经下载了npm install bootstrap-icons --save，并在node_modules中成功下载。

在html文件中，当我包含它时，它不会显示图标，但是，只有当我包含使用超链接时，它才起作用。

不是工作中的

<link  type="text/css" href="node_modules/bootstrap-icons/font/bootstrap-icons.css">

工作中的一个

<!--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
-->

html文件

<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link  type="text/css" href="node_modules/bootstrap-icons/font/bootstrap-icons.css">


<!--
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
-->


<script type="text/javascript" src="./script/jretrieve.js"> </script>


<!-- jQuery first, then Popper.js, then Bootstrap JS. -->
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.slim.min.js"></script>
<script type="text/javascript" src="./node_modules/popper.js/dist/umd/popper.min.js"></script>
<script type="text/javascript" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

Answer 1

试试这个：

<link rel="stylesheet" type="text/css" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">

不同之处在于使用点和斜杠的./来表示相对路径。