我有一个 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.mjsindex.mjs的stat.isFile()回报truefs.readFileSync()正确返回的内容index.mjs
我在 Node.js 源代码中看到,它使用的是fs.Statand的内部版本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(工作正常)。