Adding any images to the website is currently not possible

I'm facing an issue with the images in my projects as they are not showing up. This is what I observe:

https://i.sstatic.net/jz96C.png

I am using gulp and have included a gulpfile, but strangely all the pictures in my projects, even those not related to gulp, have disappeared without any apparent reason. I'm unsure how to resolve this issue, so any help would be greatly appreciated. P.S Sorry for any mistakes in my English.

let source_folder = "#src";
let fs = require('fs');
let path = {
   build: {
      html: project_folder + "/",
      css: project_folder + "/css/",
      js: project_folder + "/js/",
      img: project_folder + "/img/",
      fonts: project_folder + "/fonts/",
  ...
...

exports.fontsStyle = fontsStyle;
exports.js = js;
exports.fonts = fonts;
exports.images = images;
exports.css = css;
exports.html = html;
exports.build = build;
exports.watch = watch;
exports.default = watch;

Answer №1

# is not a valid character in a URL format (unless it pertains to a URI fragment, which is unlikely). If you need to include it, make sure to escape it as %23 (refer to https://en.wikipedia.org/wiki/Percent-encoding), but ideally, avoid using it altogether.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the most efficient way to determine the monthly user count using a MongoDB query that takes into account the previous count?

I am looking to calculate the total count of users based on the previous month's count data. Here is an example of how the results array should be structured: RESULTS [ { count: 1, accumulatedCount: 1, month: 12, year: 2021, verified: true }, ...

"Enhance your shopping experience with React and Redux by implementing a powerful add to cart

Currently, I am tackling an issue with a shopping cart in ReactJs and Redux. The problem lies in adding an item to the cart - once added, it shows as undefined in the cart and does not display properly. Here is the snippet of code for the add to cart act ...

Using JavaScript to transmit information from a view to a controller in CodeIgniter

I am looking to pass multiple values from the view to the controller using JavaScript based on the dropdown selection. Below are my code snippets: <select name="class" id="class"> <option selected value='-1'>--Select Class--</o ...

Troubleshooting problem with $http in AngularJS: encountering challenges with HTTP JSONP requests

I encountered the following error message while attempting to utilize the JSONP method in AngularJS: Uncaught SyntaxError: Unexpected token : http://example.com/getSomeJson?format=jsonp&json_callback=angular.callbacks._0 Could someone please ass ...

How was the background design accomplished on this particular website using CSS?

I've noticed that the background on this website scrolls and changes at various points. It transitions from blue to green with clouds moving. I'm curious about what term is used to describe this type of background effect (I don't think it&ap ...

Leverage the Redux store as the source of data for sending a POST request

For my React project, I designed an input interface and saved the data in a Redux state. Afterward, I set up a new action for making an API call to post the data. When using a constant value as the "data" parameter, everything functions properly. However ...

Sorting with map by value in JavaScript can be achieved using a few different techniques and

Hello! I'm currently learning how to work with JavaScript and Firebase. My issue is that my orders are loading in random order, but I want them sorted by time. I have attempted to sort the data from Firebase, but it still comes in randomly. I've ...

Is there a way to alter the color of options within a select tag when hovering the mouse over them

After searching through multiple websites, I couldn't find a solution on how to change the option background color on hover from blue to green. The screenshot provided below illustrates what I am requesting for in a clearer manner. https://i.sstatic. ...

The SpotLight class in Three.js illuminating a dynamic JSON model

Attempting to understand the light classes in three.js has been a bit of a challenge for me. I've been experimenting with an example in three.js, trying to place a 3D mesh model on the screen and give it a simple rotating animation. Is there a way to ...

How to pass a prop from Nuxt.js to a component's inner element

I've created a basic component: <template> <div id="search__index_search-form"> <input :bar-id="barId" @keyup.enter="findBars()" type="text" :value="keyword" @input="updateKeyword" placeholder="Search for a b ...

An unexpected error arose while executing the ng serve command

I recently upgraded my machine and installed the latest node, Angular Cli, npm, and other necessary packages for my app. After cloning the repo, I used npm-check-updates to update all local packages to their current versions. To resolve peer dependency iss ...

Conditional Matching with Javascript Regular Expressions

My strings are formatted like this: #WTK-56491650H #=> want to capture '56491650H' #M123456 #=> want to capture 'M123456' I am trying to extract everything after the # character, unless there is a dash. In that case, I onl ...

Using a new hue for a hyperlink

I currently have the following CSS styling for my links: DIV#tt { background: #fff; color: #333; margin: 0 0 15px; position: relative; padding: 1px; } DIV#tt A, DIV#tt SPAN.link { color: #990000; } These styles work well and chang ...

Preserving the binding on ngModel while isolating the directive scope

I have a custom element that uses the directive ng-model to share its value. The issue arises because this custom element has internal components that may affect the scope. To address this, I need to isolate the scope while still maintaining the connectio ...

Is there a way to customize my website using JavaScript so that it is exclusively accessible to Windows users?

Is there a way to identify and block users of specific operating systems from accessing the site using JavaScript? if (navigator.appVersion.indexOf("Win") != -1) I am able to extract the user's OS using the provided code, but I need help in blocking ...

What is the best way to calculate the difference in days between two dates using Javascript?

While there are many questions similar to this one, I've noticed that most examples focus on calculating the absolute number of days difference. So, how exactly can I determine the number of relative days between a given date (in epoch seconds) and t ...

Revise the model and execute the function

When updating my model object, I am looking for a way to trigger a specific method. I have considered options such as: findOne modifying my properties calling the method on the object save Is there a way to achieve this using update or findOneAndUpdate ...

Unable to assign a default value to an Angular input field

My web page utilizes an Angular form to display user data fetched from a MongoDB database. The information includes the user's name, phone number, email, etc. I want the default value of the input field to be set as the placeholder text, allowing user ...

I'm still unclear on the necessity of using clear:both

Presenting a simplified example of my previous query, I am still seeking clarification regarding the necessity of using clear:both to enable padding-top. Can someone provide a straightforward illustration to elucidate the usage of float and clear? Hence, ...