Question

我是使用javascript和html的新手。

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

每当我尝试加载“paper-full.js”文件时，我在控制台中出现404错误，尽管“paper-full.js”文件与“index.html”文件位于同一位置那是在呼唤它。预览页面还具有localhost 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

查看您的项目结构，您的paper-full.js文件旁边有rocket.js和index.html个文件，但是您在/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错误

1 个答案: