Electron Builder: Not Allowed To Load Local Resource: App.asar/build/index.html

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/w

Solution 1:

Solved by adding "files" in package.json

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

Solution 2:

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

Solution 3:

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);

Solution 4:

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.

Solution 5:

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

window.webContents.openDevTools()

Example Code

// Issue codewindow =  newBrowserWindow({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 codewindow =  newBrowserWindow({width:800,height:600,parent:mainWindow})

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