無法加載本地文件

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。