index.js

const express = require('express');
const multer = require('multer');
const ejs = require('ejs');
const path = require('path');
//const bodyParser = require('body-parser');
const port = process.env.PORT || 3004;

const app = express();

const storage = multer.diskStorage({
	destination: './public/uploads/',
	filename: function(req, file, cb){
		cb(null, file.fieldname + Date.now() + path.extname(file.originalname));
	}
});

const upload = multer({ storage: storage });

app.set('view engine', 'ejs');

app.use(express.static('./public'));

//below are attempts to somehow "bind middleware" as I understand it, no difference
//app.use(upload);
//app.use(multer({dest:'./public/uploads/'}).single('file'));

app.get('/', (req, res) => res.render('index'));

app.post('/upload', upload.single('myImage'), (req, res) => {
	if(req.err){
		res.render('index', {msg: err});
	}
	else {
		console.log(req.file);
		res.send('test');
	}
});


app.listen(port, function () {
	console.log('listening on port ', port);
});

this executes successfully in alternate IDE vscode, but my preferred IDE webstorm pukes at both req.err and req.file.

seems like i have several problems rolled into one, that i'm trying to untangle.

• trying to use webstorm
• trying to eliminate 'unresolved variable' errors
• which won't compile with typescript errors, despite running npm install @types/multer @types/express
• need pointers to understand my gaps with understanding javascript promises, which limits my ability to understand how middleware is supposed to be setup correctly and how to trace for bugs