Electron——在 Chromium 脚本中需要模块

Question

我正在尝试使用 Electron 应用程序，并且在尝试从 Chromium 浏览器窗口中运行的另一个脚本中要求模块时遇到问题。无论我如何指定相对路径，我总是遇到关于无法找到模块的相同错误。

我的项目是这样设置的：

    index.html
    scripts
        controllers
            controller.js
        models
            game.js
        tests
            spec
                gameSpec.js

我的 index.html 是 electron 启动时默认打开的页面，将 controller.js 作为普通脚本加载到 body 标签的末尾。

<script src="scripts/controllers/controller.js"></script>

controller.js 顶部有以下代码：

var Game = require("../models/game.js");
.... some other code .....
var game = new Game();

在启动电子 Chromium 窗口时，我立即遇到了这个问题：

Uncaught Error: Cannot find module '../models/game.js'

我的假设是我需要一个从 controller.js 文件到它正在导入的 game.js 文件的相对路径，但无论我进行何种调整，我总是会遇到该错误。我不认为这仅仅是一个语法错误，因为我在测试文件夹下的规范都在运行并通过，它成功地使用了这样的要求：

var Game = require("../../models/game.js");
describe("Game", function () { ... });

我是否对从 Chromium 浏览器执行时需要相对路径的方式做出了错误的假设？任何帮助表示赞赏！

Answer 1

也许更多的是一种解决方法而不是答案，但如果你从这里交换你的脚本包含：

<script src="scripts/controllers/controller.js"></script>

到这里：

<script>require('./scripts/controllers/controller.js')</script>

那么相对路径应该可以正常工作。

---

我认为当您包含具有src 属性的脚本时，该文件中当前工作目录的内部上下文就是应用程序的根目录。

为什么？老实说，我不是 100% 确定。当包含为脚本src 时，文件必须如何加载的限制？如果您真的想继续使用src 属性，这些在技术上可以在controller.js 中使用。

var Game = require(__dirname + '/scripts/models/game.js');
// or
var Game = require('./scripts/models/game.js');

不过，我不能全心全意地建议其中任何一个选项。看起来很脆弱。

说实话，我以前从未注意到这一点，因为我通常会在我的index.html 所在的位置包含一个指向我的应用程序的 javascript“入口”点。