Блог

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

Следуя справочным документам, я добавил предварительную загрузку. Вы можете видеть, что я также попытался сделать это с файлом изображения, и это дало те же результаты.

 function preload(){
fileContents = loadStrings('defaultvocab.txt');
//img = loadImage('AthensDemocracy.jpg');
}
 

Результатом является этот набор сообщений об ошибках

и задержка предварительной загрузки.

Я не уверен, является ли это настройкой с VSCode или чем-то, что мне нужно сделать в созданном им файле JSON, в который мне также пришлось добавить файл, чтобы заставить его работать, так что, вероятно, там есть что добавить, но мне не очень повезло найти его. В настоящее время запуск.json — это:

 {

// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:8080",
        "webRoot": "${workspaceFolder}",
        "file":"index.html"
    }
]
 

Пожалуйста, простите печальный веб-дизайн 90 — х годов и спасибо вам за помощь!

Похоже, что веб-страница все еще загружается по пути собственной файловой системы, а не с локального веб-сервера (localhost:8080).

Если вы вручную откроете htts://localhost:8080 в своем браузере, будет ли это работать (действительно ли запущен веб-сервер?)

Лично я использую аддон p5.vscode Сэма Левинья:

1. установите его
2. щелкните правой кнопкой мыши на своем index.html
3. нажмите Открыть с помощью Live сервера

Я нахожу живое кодирование (автоматическая перезагрузка при сохранении) очень полезным, особенно при создании прототипов.