title: Robotjs not working using Electron and Windows 10
body: <p><em>I'm working on an app for Mac OSX and Windows using <strong>Electron</strong> and <strong>React</em></strong>. Our team of designers would like the app to have rounded borders. They want something that looks more or less like this:</p>
  
  <p><a href="https://i.stack.imgur.com/UchM8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UchM8.png" alt="The design I have to implement"></a></p>
  
  <p><strong>I am using the following code that works fine on Mac</strong></p>
  
  <p>On my <code>main.dev.js</code>:</p>
  
  <pre><code>mainWindow = new BrowserWindow({
      show: false,
      width: 1024,
      height: 728,
      hasShadow: false,
      frame: false, // Important!
      transparent: true // Important!
    });
  </code></pre>
  
  <p>On my <code>app.global.css</code>:</p>
  
  <pre><code>body {
    position: relative;
    height: 100vh;
    font-family: Arial, Helvetica, Helvetica Neue, serif;
    overflow-y: hidden;
    background-color:rgba(0,0,0,0); /* Important! */
    -webkit-app-region: drag;
  }
  </code></pre>
  
  <p>On my <code>DisplayBar</code> React component:</p>
  
  <pre><code>class DisplayBar extends React.Component {
    render() {
      return (
        &lt;div style={styles.container}&gt;
          {this.props.children}
        &lt;/div&gt;);
    }
  }
  
  const styles = {
    container: {
      backgroundColor: '#333333',
      borderRadius: 40, // Important!
      display: 'flex',
      height: '100%',
      border: '2px solid white',
      alignItems: 'center',
      justifyContent: 'flex-end'
    }
  };
  </code></pre>
  
  <p>As I said it works fine on Mac however, on Windows it doesn't show anything, just a transparent screen. Do you know any solution for this problem?
  <a href="https://i.stack.imgur.com/UdNO8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UdNO8.png" alt="What my code does on windows"></a></p>
  
  <p>PS: Greetings form Spain!</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I found out I have some missing dependencies problem and I have run the following command:</p>
  
  <pre><code>npm install --global --production windows-build-tools
  </code></pre>
  
  <p>I found it on <a href="https://stackoverflow.com/a/39235952/5627387">this question</a>.</p>
  
  <p>Still I get the following error on my dev tools console:</p>
  
  <p><a href="https://i.stack.imgur.com/s08Ma.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s08Ma.png" alt="Error on dev tools console"></a></p>