我有一个 commonjs 模块,它使用动态导入来加载 ES 模块,但导入失败并显示Error [ERR_MODULE_NOT_FOUND]: Cannot find module
. 奇怪的是,错误消息声称它找不到文件,然后建议完全相同的文件:
'/…/My.app/Contents/Resources/app.asar/build/backend/index.mjs'
imported from
/…/My.app/Contents/Resources/app.asar/build/backend/main.cjs
Did you mean to import
/…/My.app/Contents/Resources/app.asar/build/backend/index.mjs?
为了简洁起见,我截断了路径,但它们是相同的(使用 diff 工具验证),并且我在错误输出中添加了一些换行符以提高可读性。
在使用动态导入之前,我已经验证了:
fs.readdirSync()
返回一个包含两个文件的数组:['index.mjs','main.cjs']
fs.statSync()
返回预期的对象index.mjs
index.mjs
的stat.isFile()
回报true
fs.readFileSync()
正确返回的内容index.mjs
我在 Node.js 源代码中看到,它使用的是fs.Stat
and的内部版本fs.Stat#isFile()
。
那么为什么这不起作用import()
呢?
代码是这样的:
主要的.cjsconst path = require('path');
(async () => {
global.Electron = require('electron');
const fileUrl = path.resolve(__dirname, './index.mjs');
await import(fileUrl);
})();
索引.mjs
import path from 'path';
import {
pathToFileURL,
} from 'url';
import log from 'electron-log';
const { app, BrowserWindow } = Electron;
function createWindow() {
const mainWindow = new BrowserWindow({});
const base = process.env.NODE_ENV === 'development'
? 'http://localhost:8080'
: pathToFileURL(path.resolve('build'));
const docUrl = (base + '/index.html').toString();
if (DEBUG) console.log({ docUrl });
mainWindow
.loadURL(docUrl)
.then(() => log.info('launched', docUrl))
.catch((err) => log.error('failed to launch', docUrl, err.toString()));
}
app.whenReady().then(() => {
createWindow();
});
app.on('window-all-closed', () => {
app.quit();
});
注意:如果没有由 electron-builder 和 asar 捆绑,则不会发生此问题(但在这两种情况下,文件路径实际上是相同的,只是My.app/Contents/Resources/app.asar/
中间没有)。前npx electron ./build/backend/main.cjs
(工作正常)。