Hi.
It seems you need to install this library: Adafruit_I2CDevice.h
Regards,
Sara

Arduino: 1.8.19 (Windows 10), Board: “Generic ESP8266 Module, 80 MHz, Flash, Legacy (new can return nullptr), All SSL ciphers (most compatible), dtr (aka nodemcu), 26 MHz, 40MHz, DOUT (compatible), 1MB (FS:64KB OTA:~470KB), 2, nonos-sdk 2.2.1+100 (190703), v2 Lower Memory, Disabled, None, Only Sketch, 115200”

In file included from C:\Users\Gurs_PC\Desktop\ESP8266_Gauges\ESP8266_Gauges.ino:15:0:

C:\Users\Gurs_PC\Documents\Arduino\libraries\Adafruit_BME280_Library-master/Adafruit_BME280.h:26:32: fatal error: Adafruit_I2CDevice.h: No such file or directory

#include <Adafruit_I2CDevice.h>

^


compilation terminated.

exit status 1

Error compiling for board Generic ESP8266 Module.

This report would have more information with
“Show verbose output during compilation”
option enabled in File -> Preferences.

If you’re using Arduino IDE 2, this is the tutorial you need to follow: https://randomnerdtutorials.com/arduino-ide-2-install-esp8266-littlefs/

Hi.
If you’re using Arduino IDE 2, this is the tutorial you need to follow: https://randomnerdtutorials.com/arduino-ide-2-install-esp8266-littlefs/
Regards,
Sara

I created a folder Arduino IDE\plugins and placed the file arduino-littlefs-upload-1.1.5.vsix there

I also tried various options and nothing helps me, the “file upload button” does not appear

but it didn’t help me Arduino version 2.3.2

I don’t get the download function after a restart, although I added it to the folders

C:\Users\fos\AppData\Local\Programs\Arduino IDE\tools
C:\Users\fos\OneDrive\Documents\Arduino\tools

Hi Sara, Another update. In my limited experience with HTML I’ve always used the statement:
<image src=”image.jpg” alt= “discription of image”
so that was what I used. on images. That didn’t work. Then removed the “alt” attribute, and the images were served to the browser. As for the style.css That was simply a oversight in naming disagreement that I didn’t catch. Once in agreement between documents the style.css loaded and functioned fine. The Script.js however is another story. I have not gotten it to work still.
At first I had similar naming issues like the Style.css. After clearing that up it appeared that the script file was served, but didn’t run. (Results never published to replace the placeholders on the page. Checking with the Chrome developers tools showed that the file had indeed been received…I then imbedded the script into the HTML index file, using the tag. and it works beautifully. I must be missing something here.
Cheers

Hi Sara, thanks sooo much for your guidance. So I was able last night to get to a point where I could serve the html index file (with it’s css styling), as well as one out of 3 images.
The data folder contains the index.html, 3 jpg images, a style.css, and a script.js.
I am using LittleFS (version from https://github.com/earlephilhower/arduino-esp8266littlefs-plugin)
I’m using /image.jpg and /script.js
The order in the sketch using “server.on” is first index.html, then style.css, then script.js, then images, then variables resulting from the script. Does the order matter?
I have some time today, hopefully I’ll make some progress. I’m not sure if my errors are in the sketch or the html structure. I should note that when I built the page in an html editor, it all came together in the preview with out the script of course because it wasn’t running the sketch.
Cheers, and thanks again

Hi.
Are you using LittleFS or SPIFFS?
Are you using the image names or paths? For example, image.png or /image.png

We have many web server examples that use HTML, CSS and javascript on separate files on the filesystem.
This is the most basic: https://randomnerdtutorials.com/esp32-web-server-spiffs-spi-flash-file-system/
But, other examples like this:https://randomnerdtutorials.com/esp32-websocket-server-sensor/ also use that approach.
Regards,
Sara

Hi Again Sara, May I bring you (and readers) up to date. After much frustration, I decided to uninstall/reinstall the 1.8.16 IDE. After that I reinstalled the LittleFS plugin. Then loaded the sketch from https://randomnerdtutorials.com/display-images-esp32-esp8266-web-server/. Lo and behold it worked. I then replaced the images from that with my .jpg image. It worked! (wow).
I then tried my original sketch. Again the image didn’t show 🙁 Then I opened both said sketches and copied each html element from my old one to the one from the tutorial. Testing between each one was a success. Since I had the HTML portion working (and I don’t know why it worked on one and not the other) I went on to copy/paste the rest of my sketch into the new one, again testing as I went. The end result was it worked. But the original didn’t. The syntax, etc is exactly the same. The only thing I can think of is with the number of changes made in systems,OS’s, disk drives etc. since the original sketch was written there may have been some unseen corruption in that file. I guess I should have started fresh in the first place.
My next goal would be to be able to put the HTML index file, and CSS file into flash as well instead of having it imbedded in the sketch. I couldn’t get that to work in the original sketch. I’m not sure how to pass all 3 components of the webpage from flash (HTML,CSS,image). Is there a tutorial anywhere on that subject you (or readers) know of? Thanks for your guidance/help. Cheers