title: How to include Chrome DevTools in Electron?
body: <p>I'm still new to Electron which I'm currently following <a href="https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md">here</a>.</p>
  
  <p>I've read this <a href="https://github.com/atom/electron/blob/master/docs/tutorial/devtools-extension.md">page</a> regarding on how to include the <a href="https://developer.chrome.com/devtools">Chrome DevTools</a> so that I can debug my application easily. I've followed the documentation but once I execute the <code>electron &lt;app-name&gt;</code> command it returns an error: <code>The app provided is not a valid electron app, please read the docs on how to write one...</code></p>
  
  <p>Here's the block of code from my <code>main.js</code> file:</p>
  
  <pre class="lang-js prettyprint-override"><code>var app = require('app');
  var BrowserWindow = require('browser-window');
  
  // Add Chrome DevTools extension for debugging
  require('remote').require('browser-window').addDevToolsExtension('../react-devtools')
  </code></pre>
  
  <p>That is how my project structure looks like:</p>
  
  <pre><code>- react-devtools
  - src
    -- index.html
    -- main.js
  - package.json
  </code></pre>
  
  <p>Any help would be greatly appreciated. Thanks!</p>