More descriptive error

Author: gaearon

Diff for: packages/react-dev-utils/ModuleScopePlugin.js

@@ -9,6 +9,7 @@
 
 'use strict';
 
+const chalk = require('chalk');
 const path = require('path');
 
 class ModuleScopePlugin {
@@ -51,7 +52,9 @@ class ModuleScopePlugin {
       if (requestRelative[0] === '.') {
         callback(
           new Error(
-            `You attempted to require ${request.__innerRequest_request}, which falls outside of src/.`
+            `You attempted to import ${chalk.cyan(request.__innerRequest_request)} which falls outside of the project ${chalk.cyan('src/')} directory. ` +
+              `Relative imports outside of ${chalk.cyan('src/')} are not supported. ` +
+              `You can either move it inside ${chalk.cyan('src/')}, or add a symlink to it from project's ${chalk.cyan('node_modules/')}.`
           ),
           request
         );