javascript - 使用 Node 和 Express 发送邮件时出错
问题描述
我正在尝试使用 nodemailer 在提交 HTML 表单时发送邮件。但是当我按下提交按钮时,它会显示这个错误......
TypeError: sendMail is not a function
at C:\Users\user\Desktop\project\Internship designs\notchup\server.js:20:3
at Layer.handle [as handle_request] (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\layer.js:95:5)
at next (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\route.js:137:13)
at Route.dispatch (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\route.js:112:3)
at Layer.handle [as handle_request] (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\layer.js:95:5)
at C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\index.js:281:22
at Function.process_params (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\index.js:335:12)
at next (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\index.js:275:10)
at jsonParser (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\body-parser\lib\types\json.js:101:7)
at Layer.handle [as handle_request] (C:\Users\user\Desktop\project\Internship designs\notchup\node_modules\express\lib\router\layer.js:95:5)
而且我只收到一封没有任何主题和正文的空白邮件。我尝试更改函数名称,以免它与内置函数冲突。我还尝试将其数据类型从“const”更改为“function”。但这无济于事。我该如何解决这个问题?
索引.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form class="">
<input type="text" id="subject" placeholder="Subject"><br>
<input type="email" id="email" placeholder="Email"><br>
<textarea name="text" id="text" rows="10" cols="30"></textarea><br>
<input type="submit" value="Submit">
</form>
<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- CUSTOM script -->
<script>
$('form').on('submit', (e) => {
e.preventDefault();
const email = $('#email').val().trim();
const subject = $('#subject').val().trim();
const text = $('#text').val().trim();
const data = {
email,
subject,
text
};
$.post('/email',data, function() {
console.log('Server received our data');
});
});
</script>
</body>
</html>
服务器.js
const express = require('express');
const sendMail = require('./send-mail');
const app = express();
const path = require('path');
const PORT = 8080;
// Data Parsing
app.use(express.urlencoded({
extended: false
}));
app.use(express.json());
app.post('/email', (req, res) => {
// TODO
// send email here
const { subject, email, text } = req.body;
console.log('Data: ', req.body);
sendMail(email, subject, text, function(err, data) {
if (err) {
res.status(500).json({ message: 'Internal Error' });
} else {
res.json({ message: 'Email sent!!!' });
}
});
res.json({ message: 'Message received!!!' })
});
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'views', 'index.html'));
});
app.listen(PORT, () => console.log('Server is starting on PORT, ', 8080));
发送邮件.js
var nodemailer = require('nodemailer');
var transporter = nodemailer.createTransport({
service: 'gmail',
auth: {
user: 'saxena1975sanjeev@gmail.com',
pass: 'my_password'
}
});
const sendMail = (email, subject, text) => {
const mailOptions = {
from: email,
to: 'saxena1975sanjeev@gmail.com',
subject: subject,
text: text
};
transporter.sendMail(mailOptions, function(error, info) {
if(error) {
console.log(error);
} else {
console.log('Email sent: ' + info.response);
}
});
}
module.exports = sendMail();
解决方案
错误消息说这sendMail
不是一个函数。因此,您需要查看并确定它是什么。
您在这里为其分配一个值:
const sendMail = require('./send-mail');
因此,查看该文件并查看它是否导出:
module.exports = sendMail();
为export
您设置一个值是调用 sendMail
并分配它的返回值。
里面没有return
语句,所以返回undefined
.
如果要导出sendMail
函数,则导出函数本身。不要追加()
调用它并获取它的返回值。
推荐阅读
- python - 将 Bokeh Slider callback_policy 从油门更改为 mouseup 不起作用
- python-3.x - 如何使用python beautifulsoup一次又一次地提取链接并处理页面
- text - 如何使用 Awk 在多个文件中搜索特定表达式
- angular - 如何向 HTML 元素添加额外的数据属性并在 Angular 中的 HTML 中访问它们
- google-api - YouTube API 调用的具体价格
- azure - 遵循 azure AD angularJS 到 dotnet web api 指南后出现无效资源错误(描述:AADSTS500011)
- reactjs - 超过最大更新深度。当组件在 (Jwt) Redux 内部重复调用 setState 时,可能会发生这种情况
- android - How to change mapbox language to Farsi / Persian
- machine-learning - 是否有任何库可以为 keras.Model.fit_generator 构建生成器?
- android-fragments - 页面查看器在滑动时自动递增