无法加载本地文件

Question

今天刚开始学习Node.js + Electron。我很难弄清楚以下代码有什么问题。

在控制台中我收到以下错误

Not allowed to load local resource: file://%24%7B__dirname%7D/index.html

这是目前正在使用的代码

const electron = require('electron')
const {app, BrowserWindow} = electron

app.on('ready', function(){
    let win = new BrowserWindow({
        width: 600,
        height: 500
    })
    win.loadURL('file://${__dirname}/index.html')
    win.webContents.openDevTools()
})

Answer 1

您似乎在尝试使用 ES2015 功能来打印 URL。这需要反引号而不是普通引号：

win.loadURL(`file://${__dirname}/index.html`)

或者您可以只使用普通的字符串连接：

win.loadURL('file://' + __dirname + '/index.html')

更详细的说明

对此进行扩展，ES2015（或 ES6）是 JavaScript 的更新规范，已被现代浏览器和 Node 版本采用。它增加了一些在字符串中包含变量的功能，可以称为 'Template Strings'。它允许您使用反引号（而不是单引号或双引号）实例化一个字符串，并允许您将变量放入由美元符号和花括号分隔的字符串中。它旨在使字符串连接更容易和更冗长。

您在代码中所做的是使用美元符号和大括号，但没有适当地实例化 String 以利用该功能。

查看更多here。

无法加载本地文件

Cannot load local file

node.js

electron