我的viewer.html不会加载任何CSS和jss文件

Question

我正在使用pdf.js在我的网站中查看pdf。但是，viewer.html不会加载viewer.css，pdf.js和viewer.js。我的viewer.html与我的viewer.css和viewer.js位于同一目录中。 pdf.js位于构建目录中。我的查看器html不会加载所有这些文件。

我已经尝试过这里列出的解决方案：HTML not loading CSS file。但是没有任何帮助。

这是我的代码

<link rel="stylesheet" type="text/css" href="./viewer.css">
<script src="build/pdf.js"></script>
<script src="./viewer.js"></script>

Chrome在这三个文件上抛出错误404。我正在使用Coldfusion，并将pdf.js放在iframe上，这可能是原因吗？

Answer 1

尝试使用此../viewer.css而不是./viewer.css

<link rel="stylesheet" type="text/css" href="../viewer.css">
<script src="build/pdf.js"></script>
<script src="../viewer.js"></script>

Answer 2

由于css和js都位于html文件的同一文件夹中，因此可以直接用作

<link rel="stylesheet" type="text/css" href="viewer.css">
<script src="viewer.js"></script>

pdf在不同的文件夹中，因此您需要使用../移出当前文件夹并为其应用路径。因此它将是../build/pdf.js。这意味着从html文件夹返回并转到存在pdf.js的文件夹（位于build文件夹内）

<script src="../build/pdf.js"></script>

希望您已清除