Кодовый текст появляется вместо выполнения

Мне нужна помощь в загрузке моей игры на JavaScript в Chrome.

Я хотел закодировать традиционную игру Snake на JavaScript с использованием фреймворка p5.js, и я начал с холста. Проблема возникает, когда я открываю файл JavaScript в Chrome (который я связал в своем файле index.html с тегом скрипта).

Вместо того, чтобы появляться серый холст, согласно моему коду JavaScript, сам код отображается на странице Chrome. Вот мой код, посмотрите:

HTML Змея | JS

<body>
<script src="F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
<script src="F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
<script src="F:\Code\JS\Snake\sketch.js" type="text/javascript"></script>
</body>

</html>

А вот и JS:

function setup() {
    createCanvas(800, 800);
}

function draw() {
    background(51);
}

Технические характеристики:

Chrome, Windows 10 Anniversary Edition.

PS Javascript включен, я проверил.

Источник

2 ответа

Решение

Попробуй эти вещи

1) Проверьте свой js-код на www.codepen.io/pen/, некоторые JavaScript не работают должным образом, когда локально. (F: \ Code)

2) Попробуйте поставить свой скрипт в конце тега body. Обратите внимание, что скрипты загружаются в порядке их появления. Рассмотрим зависимости.

Источник

Предполагая, что путь F:\Code\JS\p5\p5-zip\ к вашим файлам правильный, и вы не работаете в заархивированной папке.

У вас должен быть файл, такой как index.html, который будет корнем вашего сайта.

Вот минимальный пример, включая ваши скрипты:

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Titre de la page</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

  <script src = "F:\Code\JS\p5\p5-zip\p5.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.dom.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\p5\p5-zip\addons\p5.sound.js" type="text/javascript"></script>
  <script src = "F:\Code\JS\Snake\sketch.js" type = "text/javascript"></script>
  </body>
</html>
  1. Ваши файлы JavaScript должны быть размещены внизу страницы, перед закрывающим тегом body.
  2. Вы должны ссылаться на свой файл js в хорошем порядке для предотвращения некоторых проблем с зависимостями
  3. Если вы можете просмотреть файл index.html, щелкните правой кнопкой мыши страницу -> "показать исходный код" и попробуйте щелкнуть ссылку на файл js, если путь указан неверно, у вас будет ошибка 404 not found.
Источник
Другие вопросы по тегам