web-dev-qa-db-fra.com

Electron Builder: non autorisé à charger la ressource locale: app.asar / build / index.html

J'ai un problème lors de l'utilisation du générateur d'électrons, j'ai une page vierge et une erreur dans la 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);
javascriptreactjselectronelectron-builder
8
Emre Tekince

Résolu en ajoutant des "fichiers" dans package.json

"files": [
  "*.js",
  "build",
  "node_modules"
],
6
Emre Tekince

Je pense que votre fichier index.html n'est pas présent à votre emplacement donné. __dirname, '/build/index.html'

J'ai raté ce point stupide et j'ai perdu beaucoup de temps. Angular-cli crée l'emplacement par défaut pour index.html à l'intérieur d'un dossier dans dist.

dist/project-name/index.html
4
anubhab

J'ai eu le même problème et j'ai réussi à le résoudre en utilisant:

path.resolve('index.html')

comme ça:

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

1
Brenton Scott

J'ai également eu le même problème que j'ai placé la ligne ci-dessous avant de charger le fichier.

 window.webContents.openDevTools()

Exemple de 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()
0
Gireesh Kudipudi

J'ai essayé de résoudre ce problème toute ma journée et j'ai finalement trouvé la solution,

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

Nous devons ajouter des fichiers dans la section de construction où electron.js est mon point d'entrée.

0
666