app.get("/" ,function(req,res){
// console.log(req)
console.log(__dirname + '/index.html ');
res.sendFile(__dirname + '/index.html ');
});
The server and html files are located in the same directory. However, when I start the server, I encounter the following error message:
ENOENT: no such file or directory, stat 'F:\web development\calculator \index.html '
When you are invoking the sendFile function, make sure there are no extra spaces in the file name 'index.html'. To fix this issue, replace the line res.sendFile with the following code snippet -
res.sendFile(__dirname +'/index.html');This seems to be a minor typo mistake that needs correction.
Unfortunately, the information provided in your question is not sufficient for us to provide a definitive answer. We typically like to test your code on our system to better understand and replicate the issue.
Based on my analysis, it seems like there may be a JavaScript problem related to the Express module. By using a snippet of code in index.js referenced from index.html, I was able to determine the path that Express recognizes:
const loc = window.location.pathname;
document.writeln(loc)
After entering the path into my web browser, the following result was displayed:
file:///home/vikingglen/javascript/myapp/index.html
By incorporating this path into app.js with specific code, I successfully accessed index.html:
const express = require('express')
const app = express()
const port = 3000
__dirname = '/home/vikingglen/javascript/myapp/'
app.get("/", function (req, res) {
console.log(__dirname + 'index.html');
res.sendFile(__dirname + 'index.html');
});
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
In addition, I recommend adding a "/" at the end of directory paths for better clarity:
_dirname = '/home/vikingglen/javascript/myapp/'
If this solution does not resolve your issue, please share more of your code so we can assist you further by testing it on our own system.
Looking to alter the behavior of the alert function in TypeScript? You can achieve this by creating a new function that wraps around the original alert and modifies its behavior. alert = (function (origAlert) { return function (...messages: any[]) { ...
I am having trouble maintaining the limited loop functionality in my HTML5 audioplayer when I try to replace it with buttons and add event handlers to them. The repeat function only seems to work if the checkbox is checked and the second option of the se ...
I am tasked with developing a button that can change the type of a chart component (e.g., from columns to pie) upon clicking. However, I am unsure how to implement this functionality within the component structure. The goal is to modify the :series-default ...
After doing some research online, I learned that Next.js utilizes client-side routing. This means that when you make the first request, all pages are fetched from the server. Subsequent requests will render those pages in the browser without needing to com ...
Seeking advice on allowing users to dynamically position and clip an image on a webpage. I've tried using CSS and JavaScript for clipping and resizing, but it's not working as expected. If PHP could provide a solution, that would be ideal for my ...
I am looking to implement react-native-maps-clustering in my project. However, this library only accepts markers that are direct children of the maps component. An example of how it should be structured: <MapView> <Marker/> <Marker/> ...
Successfully implemented client side form validation using AngularJS, but now I want to test my server side validation by sending incorrect data. However, AngularJS is preventing me from doing so! Is there a way around this without disabling Javascript an ...
I have been attempting to utilize an Anti Forgery token with JSON.stringify, but despite researching multiple sources, I have not been successful. Below is my AJAX code for deleting some information without any issues. Upon adding the anti forgery token, I ...
I have an input field and a span set up like this: <input type="password" name="account_password" placeholder="Enter your new password" autocomplete="off" ng-model="res.account.new_password" required="" ng-minlength="res.minlength" class="form-control" ...
I am trying to transfer an image from one useState variable to another when it is clicked const [photos, setPhotos] = useState([]); useEffect(() => { setPhotos(PhotoArray); }, []); This is the source image that I am using: export const PhotoArr ...
I am currently facing an issue while trying to check the version status of my npm installed global packages. When I run the command npm outdated -g --depth=0 in the terminal, I encounter the following error: npm ERR! Cannot read property 'length&apos ...
I'm currently working on a web system aimed at monitoring values from a database, and I have the requirement to trigger a sound alert when a specific range of values is received. Despite trying various examples found online, none of them have been suc ...
While attempting to set up a basic NodeJS server and Socket.io client for testing purposes involving WebSockets, I encountered an issue that seems rather silly. It's likely something silly that I've overlooked, considering I have previous experie ...
I've delved into the extensive documentation provided by JetBrains on their HTTP Client and how to incorporate requests using files with a .http extension. The challenge I'm facing involves utilizing a function from a separate .js file within on ...
Just dipping my toes into the world of ajax and Django, so please bear with me for my messy code. I'm facing an issue where my Django model is not saving the response even after receiving a POST request. I'm attempting to create a simple like/di ...
Lately, I have been focusing on a screen that incorporates a Grid (Kendo).... Within the Grid, there is a template that includes a straightforward button: <input type="button" class="iqs-review-btn btn btn-primary" value="REVIEW" /> I am attempting ...
Currently, I am working on a Next.js project and have incorporated the @sentry/nextjs package for error logging purposes. My goal is to turn off sourcemaps in the client side of my deployed application. Despite going through this informative blog post fro ...
When setting up my global service, I instantiate a BehaviorSubject variable dataWorkflowService: export class CallWorkflowService { url = 'http://localhost:3000/'; selectedNode : BehaviorSubject<Node> = new BehaviorSubject(new Node(&a ...
I'm having trouble getting my mobile-first design to work properly because the header doesn't resize in mobile view. I'm satisfied with how it looks in full-screen, but I haven't been able to make any media queries work. You can downloa ...
I am in the process of creating personalized interactive ebooks based on a similar website found here: This website utilizes a VTT file along with an audio file. Although the JavaScript code requires time stamps, I would like to hide them for better read ...