いつもお世話になっています。

Node.jsのElectronを使ってアプリケーションを作っているのですが、ブラウザウィンドウが表示された後、Not allowed to load local resourceエラーで、index.html読み込まれない状態です。

解決方法などわかる方いましたらご教授お願いします。

package.json

json
1{
2  "name": "Hoge",
3  "version": "0.1.0",
4  "description": "",
5  "main": "index.js",
6  "scripts": {
7    "start": "electron .",
8    "test": "echo \"Error: no test specified\" && exit 1"
9  },
10  "author": "",
11  "license": "ISC",
12  "dependencies": {
13    "electron": "^10.1.5"
14  }
15}

index.js

js
1const electron = require("electron"),{app,BrowserWindow} = electron;
2
3let mainWindow = null;
4
5app.on("window-all-closed", () => process.platform !== "darwin"?app.quit():null);
6
7app.on("ready", () => {
8	mainWindow = new BrowserWindow({
9		width: 1200,
10		height: 900,
11		webPreferences: {
12			nodeIntegration: true
13		}
14	});
15	mainWindow.loadURL(`file://${__dirname}/index.html`);
16	mainWindow.toggleDevTools();
17	mainWindow.on("closed", () => {
18		mainWindow = null;
19	});
20});

index.html

html
1<!DOCTYPE html>
2<html>
3<head>
4	<title>hoge</title>
5	<meta charset="utf-8">
6</head>
7<body></body>
8</html>

補足情報

Electronのバージョンは 10.1.5 で、グローバルインストールしてあります。

それと、ディレクトリ構造は下のように、全部同じ階層にあります。
hoge
|- package.json
|- index.js
|- index.html

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

"Not allowed to load local resource" エラーが出る

補足情報

関連した質問