在reactjs中使用后端，联系人表单

Question

我正在做我的第一个网站使用reactjs，我试图完成联系表格页面，并带我2天到目前为止。我使用nodemailer和配置部分，我使用Gmail帐户与OAuth2.

用户将发送姓名，电子邮件和消息，表单将发送到我的电子邮件地址。在我按下发送按钮后，url更改为http://localhost:3000/contact（正如我在package.json文件中的目标），但没有任何内容出现在页面中，甚至在控制台中也没有。

我不知道如何调试它，出现了这样的错误

'main.1932aa17.js： 1未捕获的语法错误：意外令牌

如果有人帮忙，我会很高兴的。

指数服务器文件夹中的js文件

 import 'babel-polyfill'
 var express = require("express");
 import bodyParser from 'body-parser'

 import mailer from './mailer'

 const app = express()
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({ extended: true }));

 app.get('*', (req, res) => {
  res.send('Server is working.')
 })

 app.post('/contact', (req, res) => {
  const { email = '', name = '', message = '' } = req.body

  mailer({ email, name, text: message }).then(() => {
    console.log(`Sent the message "${message}" from <${name}> ${email}.`);
    res.redirect('/#success');
  }).catch((error) => {
    console.log(`Failed to send this: "${message}" from <${name}> 
 ${email} with this error ${error && error.message}`);
    res.redirect('/#error');
   })
 })

 const PORT = process.env.PORT || 3000;

 app.listen(PORT, () => {
   console.log(`App is listening on port ${PORT}!`);
 })*

Answer 1

节点。js不支持导入语句。您必须使用require。

var-bodyParser=require（'body-parser'）

和

require（“babel polyfill”）