404 ошибка загрузки файла .js из html-скрипта - PullRequest
Новая
       68

404 ошибка загрузки файла .js из html-скрипта

0 голосов
/ 06 июня 2018

Я новичок в использовании JavaScript и HTML.

Я следую учебному пособию, которое включает загрузку файлов из библиотеки кода Paperjs.Я пытаюсь загрузить файл JS, который содержит функции и объекты для размещения изображений на веб-страницах.

Всякий раз, когда я пытаюсь загрузить файл «paper-full.js», я получаю ошибку 404 в консоли, несмотря на то, что файл «paper-full.js» находится в том же месте, что и «index».HTML-файл, который призывает к этому.Страница предварительного просмотра также имеет локальный IP-адрес в качестве заголовка страницы, а не имя файла.

Цель этой части руководства - просто поместить изображение в [0,0] на странице предварительного просмотра.

Любые идеи о том, где может быть ошибка, будут высоко оценены.

папка, содержащая заполненные документы и индексные файлы

ошибка страницы предварительного просмотра для index.html

Вот индекс.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>

1 Ответ

0 голосов
/ 06 июня 2018

При просмотре структуры вашего проекта у вас есть файлы 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>
...