与import vs require有关的javascript导入问题

我正在使用和angular 8构建一个桌面应用程序。我试图在

index.html

中导入一个javascript文件，其内容如下所示

import ipcRenderer from 'electron';

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

因此，当我使用上述代码时，会得到错误

未捕获的语法错误：意外标识符

当我使用下面的代码时，我得到

uncaughtreferenceerror:require未定义

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

解决办法是什么

所有角度导入都使用上面的第一个片段。他们没有

要求

。因此，我假设第一个代码段应该在我以angular方式导入它时工作

我通过在angular.json文件中指定以下内容来导入该文件

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

---

对于IPC渲染器的导入，您必须按如下方式建立它：

import { ipcRenderer } from "electron";

---

import

作为从

electron

库中取出的模块。

import

可用于ES6模块。您是否将应用程序的脚本标记类型设置为模块，例如：

？还是angular会自动为你做这些？没有这个，导入将无法工作。来源：您是否获得了

导入

的

意外标识符

？并且

require

是特定于节点的，如果您使用的是requirejs模块laoder.angular可能会在@user95227自动执行，与

ts

文件中的其他导入一样工作。@当我使用导入时，我会得到

意外标识符

，但我不确定确切的标识符是哪个。意外标识符可能是

import