Браузер: Uncaught ReferenceError: require не определён

Конечно! Чтобы заменить все require выражения на import, вы можете использовать следующий подход:

1. Откройте ваш файл и найдите все строки с require. Например:

   const Web3 = require('web3');
   const express = require('express');
   

2. Замените их на соответствующие import выражения. Это будет выглядеть так:

   import Web3 from 'web3';
   import express from 'express';
   

Это общий пример. Пожалуйста, убедитесь, что ваш проект поддерживает ES6 модули (например, у вас должен быть установлен Babel, если вы используете Node.js). После замены все должно работать корректно.

Проверяйте документацию на предмет синтаксиса импорта, особенно для библиотек, которые могут использовать экспорт по умолчанию или именованные экспорты.

Надеюсь, это поможет! Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.

В моем случае я использовал другое решение.

Поскольку проект не требует CommonJS и должен быть совместим с ES3 (модули не поддерживаются), вам просто нужно удалить все export и import операторов из вашего кода, потому что ваш tsconfig не содержит

"module": "commonjs"

Но используйте операторы import и export в ваших подключаемых файлах

import { Utils } from "./utils";
export interface Actions {}

Сгенерированный код всегда будет содержать (по крайней мере для TypeScript 3.0) такие строки

"use strict";
exports.__esModule = true;
var utils_1 = require("./utils");
....
utils_1.Utils.doSomething();

Я подтверждаю. Нам следует добавить:

webPreferences: {
    nodeIntegration: true
}

Например:

mainWindow = new BrowserWindow({ webPreferences: {
    nodeIntegration: true
}});

Для меня эта проблема была решена с помощью этого решения.

Данный код создает новый экземпляр BrowserWindow в приложении Electron с настройками для веб-предпочтений. В частности, параметры nodeIntegration: true и contextIsolation: false указывают на то, что в рендерере будет доступен Node.js API, а также отключена изоляция контекста, что может представлять угрозу безопасности.

Вот перевод на русский в стиле ответа на StackOverflow:

window = new BrowserWindow({
    webPreferences: {
        nodeIntegration: true, // Включает интеграцию Node.js в рендерер
        contextIsolation: false // Отключает изоляцию контекста, что может быть небезопасно
    }
});

Имейте в виду, что использование nodeIntegration: true и contextIsolation: false не рекомендуется для производственных приложений из-за соображений безопасности. Лучше использовать более безопасные конфигурации и подходы.

На StackOverflow часто задают вопрос, что такое метод с тегом <script>. Вот пример его использования:

<script src='./local.js'></script>

Или можно подключить скрипт с другого источника:

<script src='https://mycdn.com/myscript.js'></script>

Вам нужно подставить правильный URL для вашего скрипта.