An Error Occurred
Connection Successful,
Port 4000 Listing Form
node:internal/errors:464
ErrorCaptureStackTrace(err);
^
TypeError [ERR_INVALID_ARG_TYPE]: The argument for "path" must be a string. Instead, received a TypeError instance. at new NodeError (node:internal/errors:371:5) at validateString (node:internal/validators:119:11) at extname (node:path:837:5) at new View (D:\MERN\mernbackend\node_modules\express\lib\view.js:56:14) at Function.render (D:\MERN\mernbackend\node_modules\express\lib\application.js:570:12) at ServerResponse.render (D:\MERN\mernbackend\node_modules\express\lib\response.js:1012:7) at D:\MERN\mernbackend\src\app.js:30:13 at Layer.handle [as handle_request] (D:\MERN\mernbackend\node_modules\express\lib\router\layer.js:95:5) at next (D:\MERN\mernbackend\node_modules\express\lib\router\route.js:137:13) at Route.dispatch (D:\MERN\mernbackend\node_modules\express\lib\router\route.js:112:3) { code: 'ERR_INVALID_ARG_TYPE' }
This is the app.js File
const path = require('path');
const hbs = require('hbs');
const app = express();
require('./db/connect');
const port = process.env.PORT || 4000;
const templatePath = path.join(__dirname, '../templates/views')
const partialsPath = path.join(__dirname, '../templates/partials')
app.set('view engine', 'hbs');
app.set('views', templatePath)
hbs.registerPartials(partialsPath);
app.get('/', (req, res) => {
res.render('index')
})
app.get('/register', (req, res) => {
res.render('register')
})
app.get('/login', (req, res) => {
res.render('login')
})
app.post('/register', async (req, res) => {
try {
console.log(req.body.fname);
} catch (err) {
res.render(err)
}
})
app.listen(port, (err) => {
console.log(`Listing from Port ${port}`);
})
**This is Register.hbs**
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{#headLink}}
<title>Register</title>
</head>
<body>
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
</style>
{{#nav}}
<form action="/register" method="POST">
<label> First Name </label>
<input type="text" name="firstname" size="15"/> <br /> <br />
<label> Middle Name: </label>
<input type="text" name="middlename" size="15"/> <br /> <br />
<label> Last Name: </label>
<input type="text" name="lastname" size="15"/> <br /> <br />
<label>
Course :
</label>
<select>
<option value="Course">Course</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="B.Tech">B.Tech</option>
<option value="MBA">MBA</option>
<option value="MCA">MCA</option>
<option value="M.Tech">M.Tech</option>
</select>
<br>
<br>
<label>
Gender :
</label><br>
<input type="radio" name="gender"/> Male <br>
<input type="radio" name="gender"/> Female <br>
<input type="radio" name="gender"/> Other
<br>
<br>
<label>
Phone :
</label>
<input type="text" name="country code" value="+91" size="2"/>
<input type="number" name="phone" size="10"/> <br /> <br />
Address
<br />
<textarea cols="80" rows="5" value="address" name="address">
</textarea>
<br /> <br>
Email:
<input type='email' id='email' name='email'/> <br>
<br> <br>
Password:
<input type='password' id='pass' name='pass'> <br>
<br> <br>
Re-type password:
<input type='password' id='repass' name='repass'> <br> <br>
<input type='submit' value='register'/>
</form>
</body>
</html>