Electron Builder: Not allowed to load local resource: app.asar/build/index.html

Question

I have an issue when using electron builder I got blank page and error in console:

Not allowed to load local resource: file:///C:/Users/emretekince/Desktop/DCSLogBook/client/dist/win-unpacked/resources/app.asar/build/index.html

main.js

const startUrl = process.env.ELECTRON_START_URL || url.format({
  pathname: path.join(__dirname, '/build/index.html'),
  protocol: 'file:',
  slashes: true
});
mainWindow.loadURL(startUrl);

Any restricting options when initializing the BrowserWindow? — RoyalBingBong, Jul 11 '17 at 04:30

score 10 · Accepted Answer · answered Jul 11 '17 at 11:03

10

Solved by adding "files" in package.json

"files": [
  "*.js",
  "build",
  "node_modules"
],

answered Jul 11 '17 at 11:03

Emre Tekince

1,723
5
18
30

7

This is not worked for me. what the `files` actually do? – Vahid Kharazi Dec 18 '18 at 17:04
7

How do you know what to add to "files"? – awebdev Feb 12 '19 at 21:23
Where should I add the Files? I have added it to my package.json.But no change, the error persists – Pranav s Oct 12 '20 at 06:12
I used this as well as moving my html file into the static folder. So I just added "static" to the list inside of "files". – cyberchis Sep 08 '21 at 19:54

score 5 · Answer 2 · answered Nov 01 '18 at 20:07

I think your index.html file is not present in your given location. __dirname, '/build/index.html'

I missed this silly point and wasted a lot of time. Angular-cli creates default location for index.html inside a folder in dist.

dist/project-name/index.html

score 5 · Answer 3 · answered Apr 21 '19 at 11:18

5

I tried to fix this my whole day & finally found the solution,

"build": {
"appId": "myledgerapp",
"extends": null,
"files": [
  "./build/**/*",
  "./public/electron.js"
]}

We need to add files in build section where electron.js is my entry point.

answered Apr 21 '19 at 11:18

Akashxolotl

428
5
6

@Akashxoloti, but what does 'files' do if included? – Vass Jun 29 '22 at 23:47
1

@Vass I think It may including above mentioned files into app.asar. which is placed inside dist/resources – harizh Jun 06 '23 at 07:22

score 3 · Answer 4 · edited Aug 29 '21 at 19:59

3

I got a similar problem and was missing the path.join:

Bad Code:

win.loadFile('index.html')

Fixed Code:

win.loadFile(path.join(__dirname, 'index.html'))

edited Aug 29 '21 at 19:59

ChrisGPT was on strike

127,765
105
273
257

answered Aug 29 '21 at 19:35

RecycleBen

31
4

score 2 · Answer 5 · answered Jun 27 '18 at 11:44

2

I had the same issue and managed to sort it out using:

path.resolve('index.html')

like this:

const startUrl = path.resolve('index.html'); mainWindow.loadURL(startUrl);

answered Jun 27 '18 at 11:44

Brenton Scott

153
3
13

score 0 · Answer 6 · answered Jul 15 '18 at 15:29

I also got the same issue i placed the below line before loading the file.

 window.webContents.openDevTools()

Example Code

// Issue code
window =  new BrowserWindow({width:800,height:600,parent:mainWindow})
window.webContents.openDevTools()
window.loadURL(url.format({
    pathname: path.join(__dirname,'/../views/file.html'),
    protocol: 'file',
    slashes: true
}))

// Issue Solved code
window =  new BrowserWindow({width:800,height:600,parent:mainWindow})

window.loadURL(url.format({
    pathname: path.join(__dirname,'/../views/file.html'),
    protocol: 'file',
    slashes: true
}))
window.webContents.openDevTools()

Electron Builder: Not allowed to load local resource: app.asar/build/index.html

6 Answers6

Linked