web-dev-qa-db-ja.com

Electron Builder：ローカルリソースの読み込みは許可されていません：app.asar / build / index.html

Electronビルダーを使用すると問題が発生し、コンソールに空白のページとエラーが表示されました。

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

Package.jsonに「ファイル」を追加することで解決

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

Index.htmlファイルが指定された場所に存在しないと思います。 __dirname, '/build/index.html'

私はこのばかげた点を逃し、多くの時間を無駄にしました。 Angular-cliは、dist内のフォルダー内にindex.htmlのデフォルトの場所を作成します。

dist/project-name/index.html
4
anubhab

私は同じ問題を抱えていて、それを使ってそれを整理することができました：

path.resolve('index.html')

このような：

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

1
Brenton Scott

ファイルをロードする前に以下の行を配置したのと同じ問題も発生しました。

 window.webContents.openDevTools()

コード例

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

私はこれを一日中修正しようとしました、そして最終的に解決策を見つけました、

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

Electron.jsが私のエントリポイントであるビルドセクションにファイルを追加する必要があります。

0
666