Issue
The .css file is not being loaded by the index.html despite setting up a gulp.js file. It seems like the folder directory might be causing the problem. However, the .scss files in the /src/scss folder are compiling correctly into CSS within the /build/css directory.
Goal
I want the index.html file to properly load the CSS files and be visible within the Firefox style editor.
Directory Structure
https://i.sstatic.net/f9oRU.png
Sample HTML
<!DOCTYPE html>
<html lang="en">
...
</html>
Gulp.js Configuration
// const gulp = require('gulp');
...
Current Issues
The Firefox console displays the error:
The resource from “http://localhost:3000/build/css/styles.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)
Changing rel="stylesheet" to type="text/css" removes the error but doesn't solve the issue of the CSS file not loading.