<ul dir="auto">
<li><strong>Electron Version:</strong>
<ul dir="auto">
<li>^12.0.0</li>
</ul>
</li>
<li><strong>Environment:</strong>
<ul dir="auto">
<li>Arch Linux, npm 6.14.11, node v15.10.0</li>
</ul>
</li>
<li><strong>Last Known Working Electron version:</strong>
<ul dir="auto">
<li>^11.0.0</li>
</ul>
</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;script&gt;document.write(process.versions.node)&lt;/script&gt;"><pre class="notranslate"><code class="notranslate">&lt;script&gt;document.write(process.versions.node)&lt;/script&gt;
</code></pre></div>
<p dir="auto">should not throw an error</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">Uncaught ReferenceError: process is not defined</p>
<h3 dir="auto">To Reproduce</h3>
<p dir="auto">index.js</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const electron = require('electron')

function createWindow () {
  if (electron.BrowserWindow.getAllWindows().length) {
    return
  }
  const win = new electron.BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    }
  })
  win.loadFile('index.html')
  win.openDevTools()
}

electron.app.whenReady().then(createWindow)"><pre class="notranslate"><code class="notranslate">const electron = require('electron')

function createWindow () {
  if (electron.BrowserWindow.getAllWindows().length) {
    return
  }
  const win = new electron.BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    }
  })
  win.loadFile('index.html')
  win.openDevTools()
}

electron.app.whenReady().then(createWindow)
</code></pre></div>
<p dir="auto">index.html</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="We are using node &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
Chrome &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;."><pre class="notranslate"><code class="notranslate">We are using node &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
Chrome &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;.
</code></pre></div>
<p dir="auto">package.json</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{
  &quot;name&quot;: &quot;fe&quot;,
  &quot;version&quot;: &quot;0.0.1&quot;,
  &quot;description&quot;: &quot;&quot;,
  &quot;main&quot;: &quot;index.js&quot;,
  &quot;scripts&quot;: {
    &quot;start&quot;: &quot;electron ./index.js&quot;
  },
  &quot;author&quot;: &quot;&quot;,
  &quot;license&quot;: &quot;ISC&quot;,
  &quot;dependencies&quot;: {
    &quot;electron&quot;: &quot;^12.0.0&quot;
  }
}"><pre class="notranslate"><code class="notranslate">{
  "name": "fe",
  "version": "0.0.1",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "electron ./index.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^12.0.0"
  }
}
</code></pre></div>
<p dir="auto">it works fine with electron ^11.0.0</p>
<h3 dir="auto">Preflight Checklist</h3>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<ul dir="auto">
<li><strong>Electron Version:</strong><br>
v12.0.0</li>
<li><strong>Operating System:</strong><br>
Windows 10 Enterprise</li>
<li><strong>Last Known Working Electron version:</strong><br>
None</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="    We are using node &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
    Chrome &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
    and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;."><pre class="notranslate"><code class="notranslate">    We are using node &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
    Chrome &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
    and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;.
</code></pre></div>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">We are using node , Chrome , and Electron .</p>
<h3 dir="auto">To Reproduce</h3>
<p dir="auto">npm init -y<br>
npm i --save electron<br>
Copy and paste code from Quick Start Guide into main.js and index.html<br>
npm start</p>
<p dir="auto">And receive the following errors with my app starts</p>
<p dir="auto">Uncaught ReferenceError: process is not defined<br>
at index.html:11<br>
index.html:12 Uncaught ReferenceError: process is not defined<br>
at index.html:12<br>
index.html:13 Uncaught ReferenceError: process is not defined<br>
at index.html:13</p>
<p dir="auto">package.json<br>
{<br>
"name": "mea",<br>
"version": "1.0.0",<br>
"description": "",<br>
"main": "main.js",<br>
"scripts": {<br>
"start": "electron ."<br>
},<br>
"keywords": [],<br>
"author": "",<br>
"license": "ISC",<br>
"devDependencies": {<br>
"electron": "^12.0.0"<br>
}<br>
}</p>
<p dir="auto">main.js<br>
const { app, BrowserWindow } = require('electron')</p>
<p dir="auto">function createWindow () {<br>
const win = new BrowserWindow({<br>
width: 800,<br>
height: 600,<br>
webPreferences: {<br>
nodeIntegration: true,<br>
nodeIntegrationInWorker: true,<br>
enableRemoteModule: true<br>
}<br>
})</p>
<p dir="auto">win.loadFile('index.html')<br>
}</p>
<p dir="auto">app.whenReady().then(createWindow)</p>
<p dir="auto">app.on('window-all-closed', () =&gt; {<br>
if (process.platform !== 'darwin') {<br>
app.quit()<br>
}<br>
})</p>
<p dir="auto">app.on('activate', () =&gt; {<br>
if (BrowserWindow.getAllWindows().length === 0) {<br>
createWindow()<br>
}<br>
})</p>
<p dir="auto">index.html</p>



    
    &lt;title&gt;Hello World!&lt;/title&gt;
    


    <h1 dir="auto">Hello World!</h1>
    <p dir="auto">
        We are using node &lt;script&gt;document.write(process.versions.node)&lt;/script&gt;,
        Chrome &lt;script&gt;document.write(process.versions.chrome)&lt;/script&gt;,
        and Electron &lt;script&gt;document.write(process.versions.electron)&lt;/script&gt;.
    </p>


<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/79912980/109645311-a9364780-7b7c-11eb-991e-f970818388de.png"><img src="https://user-images.githubusercontent.com/79912980/109645311-a9364780-7b7c-11eb-991e-f970818388de.png" alt="image" style="max-width: 100%;"></a></p>



<h3 dir="auto">Screenshots</h3>

<h3 dir="auto">Additional Information</h3>