`electron-is-dev` 的问题

Question

• package.json

  "devDependencies": {
    "electron": "^28.2.1",
    "electron-is-dev": "^3.0.1"
  }

• main.js

const { app, BrowserWindow } = require('electron');
const isDev = require('electron-is-dev');

let mainWindow;

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        width: 1024,
        height: 680,
        webPreferences: {
            nodeIntegration: true,
        }
    })
    const urlLocation = isDev ? 'http://localhost:3000' : 'dummyurl'
    mainWindow.loadURL(urlLocation);
})

npm run dev 报错内容：

App threw an error during load
ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and '.../package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.

Answer 1

张轩 2024-02-07 09:33:07

同学你好

electron-is-dev 刚发新版，已经全部使用 es modules 的写法了，用 import 写法就可以了

请看文档：https://github.com/sindresorhus/electron-is-dev

import isDev from 'electron-is-dev';
if (isDev) {
	console.log('Running in development');
} else {
	console.log('Running in production');
}

• 提问者 Makara #1

  好的，方法修改成 `import` 后，并且将文件修改成 `mjs` 后缀，目前暂无问题

• 慕侠7578385 回复 提问者 Makara #2

  回复 Makara：如果你不想改变文件类型成mjs，还是想用require导入的话：可以参考以下代码：
  
  const { app, BrowserWindow } = require('electron');
  
  (async () => {
      const isDev = (await import('electron-is-dev')).default;
  
      function createWindow() {
          const mainWindow = new BrowserWindow({
              width: 800,
              height: 600,
              webPreferences: {
                  nodeIntegration: true
              }
          });
  
          const urlLocation = isDev ? 'http://localhost:3000' : 'dummyurl';
          mainWindow.loadURL(urlLocation);
  
          if (isDev) {
              mainWindow.webContents.openDevTools();
          }
      }
  
      app.whenReady().then(createWindow);
  
      app.on('window-all-closed', () => {
          if (process.platform !== 'darwin') {
              app.quit();
          }
      });
  
      app.on('activate', () => {
          if (BrowserWindow.getAllWindows().length === 0) {
              createWindow();
          }
      });
  })();

• 慕九州9087631 回复 慕侠7578385 #3

  回复 慕侠7578385：怎么这么复杂，有没有简单点的方法？isDev是怎么判断的？能不能自己写个程序判断？