无法加载本地文件

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

或者你可以只用正常的字符串concatonation：

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

更多详解

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

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

查看更多here。