Can't resolve dns and child_process when using Nodemailer and Webpack
I am trying to send a simple email using nodemailer, but I am getting the following problems. It looks like the problem is with webpack. I have included the error and the code in question. Thank!
Console log:
ERROR in ./~/nodemailer/lib/mailer/index.js
Module not found: Error: Can't resolve 'dns' in
'/Users//Users/user/Projects/world-domination/project-folder/node_modules/nodemailer/lib/mailer'
@ ./~/nodemailer/lib/mailer/index.js 14:12-26
@ ./~/nodemailer/lib/nodemailer.js
@ ./src/app/components/contact/contact.component.ts
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
ERROR in ./~/nodemailer/lib/sendmail-transport/index.js
Module not found: Error: Can't resolve 'child_process' in
'/Users/user/Projects/world-domination/project-folder/node_modules/nodemailer/lib/sendmail-transport'
@ ./~/nodemailer/lib/sendmail-transport/index.js 3:14-38
@ ./~/nodemailer/lib/nodemailer.js
@ ./src/app/components/contact/contact.component.ts
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
Code in question:
import { Component, OnInit } from '@angular/core';
import * as nodemailer from 'nodemailer';
@Component({
selector: 'app-contact',
templateUrl: './contact.component.html',
styleUrls: ['./contact.component.scss']
})
export class ContactComponent implements OnInit {
public sendMessage(): void {
let transporter = nodemailer.createTransport({
host: 'smtp.example.com',
port: 465,
secure: true,
auth: {
user: 'sampleAddress@gmail.com',
pass: 'samplePassword'
}
});
let mailOptions = {
from: '"Mr. Sender" <sampleAddress@gmail.com>',
to: 'sampleRecipient@gmail.com',
subject: 'Test email subject',
text: 'Test email body'
};
transporter.sendMail(mailOptions, (error, info) => {
if (error) {
return console.log(error);
}
console.log('Message %s sent: %s', info.messageId, info.response);
})
}
}
+3
source to share
2 answers
You just can't have nodemailer in your frontend. Nodemailer and other projects depending on it (i.e. Gmail-send) are built to use nodejs in the backend.
Instead, you should look into either using a third party smtp service like AWS-SES or making your own using nodemailer in the backend and the frontend will invoke it via something like https requests.
+9
source to share
@Abdullah Adeeb was right. I ended up just using AWS-SES and named it from the front.
Component code to fix:
/// <reference types="aws-sdk" />
import { Component } from '@angular/core';
import * as aws from 'aws-sdk';
import { SES } from 'aws-sdk'
import { AwsConfig } from '../../../awsConfig';
@Component({
selector: 'app-contact',
templateUrl: './contact.component.html',
styleUrls: ['./contact.component.scss']
})
export class ContactComponent {
private _ses: SES;
constructor() {
this.configureSES();
}
public sendMessage(): void {
let params;
params = {
Destination: {
ToAddresses: [ 'recipient@sample.com' ]
},
Message: {
Body: {
Html: {
Charset: 'UTF-8',
Data: '<h1>HTML needed inside of your email</h1>'
},
Text: {
Charset: 'UTF-8',
Data: 'Or you can use plain text'
}
},
Subject: {
Charset: 'UTF-8',
Data: 'Sample message subject'
}
},
Source: 'sender@sample.com' // Must be registered with AWS
};
this.sendEmail(params);
}
}
private configureSES(): void {
aws.config.credentials = {
accessKeyId: AwsConfig.accessKeyId,
secretAccessKey: AwsConfig.secretAccessKey
};
aws.config.update({
region: AwsConfig.region
});
this._ses = new SES({
apiVersion: '2010-12-01'
});
}
private sendEmail(params): void {
this._ses.sendEmail(params, function(err, data) {
if (err) {
console.log(err, err.stack);
} else {
console.log(data);
}
});
}
}
0
source to share