在Electron中，loadUrl无法正常工作。

Question

我是Electron的新手。

我尝试使用以下代码运行index.js，它可以正常工作

const electron = require("electron")
const app = electron.app
const BrowserWindow = electron.BrowserWindow
var mainWindow = null

app.on('ready', function () {
  mainWindow = new BrowserWindow({width: 800, height: 600})
})

但是当我尝试添加这行代码时，

---

mainWindow.loadUrl('file://${ __dirname}/index.html')

它返回一个错误 "typeError:mainWindow.loadUrl不是一个函数"。

我搜索了很多答案，但没有找到任何关于这个的答案。

有人能提供解决方案吗？ 非常感谢任何帮助。

- Jay

---

你是在哪里尝试添加那行代码的？ - Evan Trimboli

const electron = require("electron") const app = electron.app const BrowserWindow = electron.BrowserWindow var mainWindow = nullapp.on('ready', function () { mainWindow = new BrowserWindow({width: 800, height: 600}) mainWindow.loadUrl('file://${ __dirname}/index.html') }) - Jay

感谢Evan Trimboli的回复。 - Jay

将该行添加在后面，mainWindow = new BrowserWindow({width: 800, height: 600}) - Jay

电子窗口正在加载。但它显示“主进程中发生了Javascript错误。未捕获的异常：TypeError：mainWindow.loadUrl不是函数。” - Jay

伊万，这个有解决方案吗？ - Jay

Answer 1

loadUrl() 早已更名为 loadURL()。

- Vadim Macagon

---

太好了，现在错误已经消失了。感谢@Vadim Macagon。但是窗口没有显示index.html的内容。 - Jay

我不知道怎么回事，现在index.html的内容正在加载。无论如何，谢谢Vadim Macagon。 - Jay

Answer 2

你可以使用 mainWindow.loadFile('${ __dirname}/index.html')

- WyattK1093

---

你的答案可以通过增加额外的支持信息来改进。请[编辑]以添加更多细节，例如引用或文档，以便其他人可以确认您的答案是否正确。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

Answer 3

我曾经遇到过同样的问题，后来通过使用反引号而不是单引号解决了它。Prettier扩展程序一直在将它们改回单引号。

之前：

  mainWindow.loadURL('file://${__dirname}/index.html')

之后：

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

- chrisg002