运行节点server.js抛出语法错误

Question

我有我的基本server.js：

var express = require('express');
var path = require('path');
var port = process.env.PORT || 8080;
var app = express();

app.use(express.static('src/client/'));

app.get('/', (req, res) => {
    res.sendFile(path.resolve(__dirname + '/src/client/index.html'))
});

app.listen(port);
console.log('server started');

但是，我现在有一个要导入的react-routing，这样当浏览器在服务器上刷新时，页面仍然可以访问。

到目前为止，我的尝试是：

import express from 'express';
import path from 'path';
import React from 'react';
import { renderToString } from 'react-dom/server';
import { match, RouterContext } from 'react-router';
import routes from './src/client/app/config/routes.jsx';

let port = process.env.PORT || 8080;
let app = express();

app.use(express.static('src/client/'));

// app.get('/', (req, res) from> {
//  res.sendFile(path.resolve(__dirname + '/src/client/index.html'))
// });

app.get('/', (req, res) => {
  match(
    { routes, location: req.url },
    (err, redirectLocation, renderProps) => {

      // in case of error display the error message
      if (err) {
        return res.status(500).send(err.message);
      }

      // in case of redirect propagate the redirect to the browser
      if (redirectLocation) {
        return res.redirect(302, redirectLocation.pathname + redirectLocation.search);
      }

      // generate the React markup for the current route
      let markup;
      if (renderProps) {
        // if the current route matched we have renderProps
        markup = renderToString(<RouterContext {...renderProps}/>);
      } 
      // else {
      //   // otherwise we can render a 404 page
      //   markup = renderToString(<NotFoundPage/>);
      //   res.status(404);
      // }

      // render the index template with the embedded React markup
      return res.render(path.resolve(__dirname + '/src/client/index.html'));
    }
  );
});

app.listen(port);
console.log('server started');

但是当我运行"node server.js“时，我得到了以下错误：

(function (exports, require, module, __filename, __dirname) { import express from 'express';
                                                              ^^^^^^
SyntaxError: Unexpected reserved word

Answer 1

除了import/export关键字之外，ES6中的几乎所有内容都可以在新版本的node中运行。你得把它翻译成ES5，然后再用大口吞下去，然后再传给webpack等。