从 html 脚本加载 .js 文件时出现 404 错误

Question

我是 javascript 和 html 的新手。

我一直在关注一个涉及从 Paperjs 代码库加载文件的教程。我正在尝试加载一个 js 文件，其中包含用于在网页上放置图像的函数和 objects。

每当我尝试加载 "paper-full.js" 文件时，我都会在控制台中收到 404 错误，尽管 "paper-full.js" 文件与正在调用的 "index.html" 文件位于同一位置为了它。预览页面还将本地主机 IP 地址作为页面标题，而不是文件名。

这部分教程的目标只是将图像放在预览页面的 [0,0]。

任何关于错误位置的想法将不胜感激。

folder containing the paper-full and index files

preview page error for index.html

这是 index.html 文件

  <!DOCTYPE html>
<html>
    <head>
        <!-- Imports the Paper.js library -->
        <script type="text/javascript" src="js/paper-full.js">
        </script>

        <!-- Connects Paper.js with the HTML canvas -->
        <script type="text/paperscript" src="js/rocket.js" canvas="canvas"></script>        
    </head>
    <body>
        <canvas id="canvas" width="800" height="800"></canvas>
    </body>
</html>

Answer 1

查看您的项目结构，您在 index.html 文件旁边有 paper-full.js 和 rocket.js 文件，但您在 /js/ 文件夹中查找它们不存在。

试试这个，注意我是如何将 js/etc 更改为 ./etc，这意味着它将寻找它的相邻文件。

<!DOCTYPE html>
<html>
    <head>
        <!-- Imports the Paper.js library -->
        <script type="text/javascript" src="./paper-full.js">
        </script>

        <!-- Connects Paper.js with the HTML canvas -->
        <script type="text/paperscript" src="./rocket.js" canvas="canvas"></script>        
    </head>
    <body>
        <canvas id="canvas" width="800" height="800"></canvas>
    </body>
</html>

从 html 脚本加载 .js 文件时出现 404 错误

404 error loading a .js file from html script

javascript

html

http-status-code-404

paperjs

adobe-brackets