title: Cannot run a React app with WebStorm
body: <p>I am totally new to React and I am trying to follow the examples on <a href="https://reactjs.org/community/examples.html" rel="noreferrer">react official website</a>.</p>
  
  <p>While running the calculator app(index.js) using WebStorm OR intellij idea ultimate </p>
  
  <p><a href="https://i.stack.imgur.com/OxNsn.png" rel="noreferrer"><strong>output of npm run start or npm start</strong></a> </p>
  
  <p>And i get this error:</p>
  
  <pre><code>(function (exports, require, module, __filename, __dirname) { import React from 'react';
                                                                ^^^^^^
      SyntaxError: Unexpected token import
          at createScript (vm.js:80:10)
          at Object.runInThisContext (vm.js:139:10)
          at Module._compile (module.js:599:28)
          at Object.Module._extensions..js (module.js:646:10)
          at Module.load (module.js:554:32)
          at tryModuleLoad (module.js:497:12)
          at Function.Module._load (module.js:489:3)
          at Function.Module.runMain (module.js:676:10)
          at startup (bootstrap_node.js:187:16)
          at bootstrap_node.js:608:3
  
      Process finished with exit code 1
  </code></pre>
  
  <p>My question is how to run such  an app using intellij idea ultimate What i tried:</p>
  
  <pre><code>npm install -g create-react-app
  npm install -g eslint
  npm install --save-dev babel-preset-es2015
  npm install --save-dev babel-core babel-preset-es2015 babel-preset-react
  npm install -g eslint babel-eslint eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-flowtype
  </code></pre>
  
  <p>And adding the following to package.json:</p>
  
  <pre><code>"babel": {
    "presets": [ "es2015", "react" ]
  }
  </code></pre>
  
  <p>Or to .babelrc </p>
  
  <pre><code>{
    "presets": [ "es2015", "react" ]
  }
  </code></pre>
  
  <p>My question is how to run such  an app using intellij idea ultimate package.json</p>
  
  <pre><code>{
    "name": "emoji-search",
    "version": "0.1.0",
    "private": true,
    "homepage": "http://ahfarmer.github.io/emoji-search",
    "devDependencies": {
      "gh-pages": "^1.1.0",
      "react-scripts": "^1.0.17"
    },
    "dependencies": {
      "github-fork-ribbon-css": "^0.2.1",
      "react": "^16.2.0",
      "react-dom": "^16.2.0"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject",
      "deploy": "gh-pages -d build"
    },
    "eslintConfig": {
      "extends": "./node_modules/react-scripts/config/eslint.js"
    },
    "babel": {
      "presets": [ "es2015", "react" ]
    }
  }
  </code></pre>
  
  <p>(My question is how to run such  an app using intellij idea ultimate )</p>