проблемы импорта JavaScript с импортом против требуют

Question

Я создаю настольное приложение, используя Electorn и angular 8. Я пытаюсь импортировать файл javascript в index.html, содержимое которого выглядит следующим образом.

import ipcRenderer from 'electron';

import {
    START_NOTIFICATION_SERVICE,
    NOTIFICATION_SERVICE_STARTED,
    NOTIFICATION_SERVICE_ERROR,
    NOTIFICATION_RECEIVED,
    TOKEN_UPDATED,
} from 'electron-push-receiver/src/constants';

Итаккогда я использую приведенный выше код, я получаю ошибку Uncaught SyntaxError: Unexpected identifier.

и когда я использую следующий код, я получаю Uncaught ReferenceError: require is not defined

 const { ipcRenderer } = require ('electron')
 const {
     START_NOTIFICATION_SERVICE,
     NOTIFICATION_SERVICE_STARTED,
     NOTIFICATION_SERVICE_ERROR,
     NOTIFICATION_RECEIVED,
     TOKEN_UPDATED,
 } = require ('electron-push-receiver/src/constants')

В чем может быть решение?

Все угловые операции импорта работают с первыми фрагментами выше.у них нет require.Итак, я предполагаю, что первый фрагмент должен работать так, как я его импортирую в угловом формате.

Я импортирую файл, указав в файле angular.json следующее:

"scripts": [
              "../path/to/.js",
            ]