与Node.js发生反应 - 意外的令牌导入

Question

我正在尝试通过在线教程https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm学习与node.js的React。当我运行Main.js时出现以下错误：(function (exports, require, module, __filename, __dirname) { import React from 'react'; SyntaxError: Unexpected token import at Object.exports.runInThisContext (vm.js:76:16) ....

这是main.js：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';
 ReactDOM.render(<App />, document.getElementById('app'));

app.jsx：

import React from 'react';

class App extends React.Component {
 render() {
  return (
     <div>
        Hello World!!!
     </div>
  );
  }
 }
export default App;

Webpack.config.js：

  var config = {
   entry: './main.js',

   output: {
  path:'./',
  filename: 'index.js',
 },

 devServer: {
    inline: true,
    port: 8080
 },

 module: {
    loaders: [
       {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel',

          query: {
             presets: ['es2015', 'react']
          }
        }
    ]
  }
}
module.exports = config;

我搜索了答案。有人说使用'require'而不是import。我不太明白如何使用它或它是否与此问题有关。有人可以帮忙解释一下吗？非常感谢提前！