Javascript 使用Node.js进行响应-意外的令牌导入

我正在学习在线教程之后如何使用node.js进行反应。当我运行Main.js时，我得到了以下错误：

（函数（导出、要求、模块、_文件名、_目录名）{import React from'React'；
SyntaxError:意外的令牌导入
在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'));

---

我搜索了答案。有些人说使用“require”而不是import。我不太明白如何使用它，或者它是否与此问题有关。请有人帮我解释一下吗？非常感谢！你正在使用babel吗？@LucasKatayama Yes请你发布你的网页配置？尝试修改加载程序：

加载程序：“babel加载程序”

@我试过的自由灵魂。它仍然给出相同的错误你在使用babel吗？@LucasKatayama Yes你能发布你的网页配置吗？试着修改加载程序：

loader:'babel loader'，

@我试过的自由灵魂。它仍然给出相同的错误

import React from 'react';

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

  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;