title: React js- error in import statement - Relative imports outside of src/ are not supported
body: <p><a href="https://i.stack.imgur.com/GTIeK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GTIeK.png" alt="enter image description here"></a></p>
  
  <p>I have an action folder inside the src folder as you can see in above pic. I have component file in which I have import statements as below. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import { connect } from "react-redux";
  import "./Login.css";
  import * as LoginAction from "../../actions/loginAction";
  import rp from "request-promise";
  import "bootstrap/dist/css/bootstrap.min.css";</code></pre>
  </div>
  </div>
  </p>
  
  <p>But I am getting error as </p>
  
  <blockquote>
    <p>/src/Components/LoginComponent.js
    Module not found: You attempted to import ../../actions/loginAction which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.</p>
  </blockquote>
  
  <p>Can you please help to find what is wrong here. Thanks in advance. </p>