如何使用 Angular cli 在 Angular 2 中导入 Electron

2023-12-21

我正在尝试使用 Angular 2(配置了最新的基于 webpack 的 Angular cli)为 gui 构建 Electron 应用程序原型,但我陷入困境,因为我不知道如何在 Angular2 组件中导入 Electron api。具体来说,我希望能够通过单击用户界面中的按钮来打开一个新的 BrowserWindow...所以:

<button type="button" (click)="openNewWindow()">
    open
</button>

在我的组件中:

openNewWindow() {
      let appWindow = new BrowserWindow({width: 800, height: 600});
      appWindow.loadUrl('http://www.google.com');
  }

但是...我怎样才能导入BrowserWindow?!

通过使用:

import { BrowserWindow } from 'electron';

我收到“无模块错误”并按照此问题的答案进行操作:Webpack 找不到模块“电子” https://stackoverflow.com/questions/34432695/webpack-cannot-find-module-electron I get:

syntax error near unexpected token ( var electron = require('./')

我应该怎么办?

附:通过运行“electron .” 没有BrowserWindow导入应用程序运行正常


运行命令npm install electron @types/electron然后正常导入使用

import { ipcRenderer } from 'electron'.

如果遇到任何问题,请尝试运行npm eject,会生成一个webpack.config.js,在module.exports顶部添加 "target": "electron-renderer"

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Angular cli 在 Angular 2 中导入 Electron 的相关文章

  • 反应本机套接字 io 没有从客户端发出事件

    尝试将socket io client与react native 现在是ios 一起使用 到目前为止 连接 从客户端接收服务器端事件似乎工作正常 但是我似乎无法从客户端发出任何事件 Client var socket io http loc
  • 接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

    我正在使用 Angular 7 2 当我进入ng serve 我面临以下问题 致命错误 接近堆限制的无效标记压缩分配失败 JavaScript 堆内存不足 这意味着什么 我该如何解决这个问题 完整的错误消息是 FATAL ERROR Ine
  • 如何在 Express (NodeJS) 中验证和处理表单

    Express 是否有首选的表单处理和验证库 我真的在寻找与 Django 表单中类似的抽象级别 即模板中的验证和错误报告 如果可以在客户端使用相同的验证 那就太好了 有人用过或者写过什么好东西吗 看起来有一个模块位于https githu
  • 如何在express中动态渲染/加载页面?

    我需要使用express gt 3 0 框架动态加载 渲染nodejs v1 8 15 中页面的一部分 一般来说 我想创建一个单页应用程序 我在页面顶部有一个带有链接的菜单 单击链接将更改下面的内容 就像 AJAX 页面加载一样 例如 gt
  • 解析函数是否异步传递给 Promise 执行器?

    我有以下代码 function myPromiseFunc return new Promise resolve gt resolve Promise resolve 123 据我们所知Promise resolve方法立即用普通值解析 P
  • 使用edge.js .Net C# 模块是否可以调用进程的node.js 部分,即进行反向调用?

    您可以看到从 Node js gt C 的互操作模型 here http tjanczuk github io edge 7 我想知道的是 C 代码可以在返回之前从 C 调用进程的 Node js 部分中的方法吗 想象一下 如果你接到一个电
  • 生成源映射时出错 - grunt 和 sass 配置

    我正在尝试将 sass 与 grunt 一起使用 我已经在我的路径中安装了 ruby sass 和 grunt 版本是 节点 0 10 20npm 11 3 1grunt cli 0 1 13咕噜声 0 4 5萨斯 3 4 4 我的包 js
  • 自动执行异步函数

    下面的代码可以完美运行 const Course mongoose model Course courseSchema async function foo const nodeCourse new Course name Node JS
  • router.navigate 不起作用(Angular6,延迟加载)

    我是 Angular 4 的新手 目前使用 v 6 我一直在尝试使用this router navigate 登陆 从登录组件重定向到登陆组件的功能 它无法正常工作 它将显示登录页面一秒钟 然后再次重定向回登录页面 但是 例如 如果我尝试浏
  • Angular 5 - ag-grid 18.0.1 - 边缘崩溃

    我一直在到处搜索 但无法找到与此相关的任何信息 很可能是因为 ag grid update 18 x 是新的 无论如何 似乎在将 ag grid 从 17 1 1 更新到 18 0 1 后 任何带有 ag grid 的页面最终都会导致 ED
  • 启动nodejs时出错:openssl配置失败

    启动 Express 节点时出现以下错误 openssl 配置失败 错误 02001003 系统库 fopen 没有这样的 过程 节点无论如何都会启动 我没有尝试使用 SSL 这是起始代码 app Express app set port
  • Azure Functions 中通过整数 SQL 查询 DocumentDB 不起作用

    我在 Azure Functions 中使用 JavaScript 语言 当使用 Cosmos DB 作为输入时 我无法通过整数作为变量进行查询 例如 我有以下内容 使用 Azure Cosmos DB 作为我的输入 公司 的功能设置 这是
  • 我应该在 Promise.all 中使用 wait 吗?

    我正在构建快速中间件 以对数据库进行两次异步调用 以检查用户名或电子邮件是否已在使用中 这些函数返回的承诺没有捕获 因为我想将数据库逻辑与 req res next 逻辑分开 并且我有集中的错误处理 需要next作为一个论点 在我对本地环境
  • RxJ 从 observable 中获取价值

    在组件中 singleEvent Observable
  • ngx-DataTable 对列进行排序无法正常工作 Angular 4

    虽然我对角度非常陌生 但我在使用 ngx DataTable 时遇到了一些困难 我使用简单的 ngx DataTable 进行简单的操作 问题出在列上 尽管我已将 attr 声明为 sortable true 但排序不起作用 这是代码 表定
  • 无法在渲染器进程中使用 Node.js API

    无法在 Electron 中使用任何与 Electron 或节点相关的操作 未定义获取错误过程 我检查了他们指导添加节点支持的各个地方 但这已经完成了 所以卡在这里 我的主要应用程序代码是 const electron require el
  • 如何删除控制台中打印的字符

    我一直在搜索如何用其他语言执行此操作 发现必须使用特殊字符 b 来删除最后一个字符 如何删除控制台应用程序中打印的字符 linux https stackoverflow com questions 430713 how do i eras
  • Angular 2访问组件内的ng-内容

    我怎样才能访问 content 来自组件类本身的组件 我想做这样的事情
  • 以嵌套反应形式使用 setControl

    我想知道当我在另一个 formBuilder 组中有一个数组时 我必须做什么才能以反应形式使用 setControl 和 get 例如 this formulario this formBuilder group title this ra
  • NodeJS:如何获取服务器的端口?

    您经常会看到 Node 的示例 hello world 代码 它创建一个 Http Server 开始侦听端口 然后执行以下操作 console log Server is listening on port 8000 但理想情况下你会想要

随机推荐

  • 为什么虚拟继承即使不涉及虚函数也需要一个vtable?

    我读过这个问题 C 虚拟类继承对象大小问题 https stackoverflow com questions 57481249 c virtual class inheritance object size issue 并且想知道为什么虚
  • 如何在Vue中重置CSS动画

    我有一个这样的列表 var v new Vue el app data list 1 2 3 4 5 6 7 8 9 10 methods activateClass event event target classList remove
  • Android 应用程序操作不适用于语音命令

    我正在尝试在我的 Android 应用程序中实现应用程序操作和切片 用于实现 我正在使用 应用程序操作测试工具 测试该功能 当我在工具中点击 运行 时 切片会立即加载 但切片无法与语音命令一起使用 是否可以使用语音命令启动切片 我已经在 P
  • 使用属性名称动态访问 Objective-C 属性

    我知道对象属性的字符串名称 我将如何使用字符串获取和设置该属性 虽然 weichsel 是正确的 但还有更好的方法 Use anObject valueForKey propertyName and anObject setValue va
  • webrtc-conferencing-1v3-connectionFactory.dispose()-崩溃

    我正在尝试创建一个 1v3 或 4v4 会议 无论你怎么称呼它 Android 应用程序 我已经使用 webrtc 和 socket io 成功将 4 个人连接在一起 但是当我断开其中一个用户的连接时 我遇到了 webrtc 本机崩溃 Fa
  • 如何优化 mach_msg_trap

    我知道这个问题以前曾被问过 但没有人就如何解决它给出任何有用的答案 我有一个使用 box2d 物理引擎的 cocos2d ios 应用程序 我对其进行了性能测试 CPU 将 5 6 的时间花在 mach msg trap 上 从我从其他问题
  • 在 SQL 中将行转换为列

    Table A ID COLA A value1 B value1 C value1 表B ID DETAIL ID COL X COL Y A 0 foo foo A 1 bar bar B 0 foo foo 我的预期结果是这样的 ID
  • 如何在充气布局内充气具有相同 id 的布局的多个实例

    我有一个带有许多嵌套 LinearLayout 和 TextViews 的 LinearLayout 我的主要活动是主 LinearLayout 的膨胀 然后 我从服务器加载数据 并根据收到的数据 在占位符中添加多个布局 LinearLay
  • 提交后如何保留表单中的字段值?

    提交表单后 字段值似乎被设置回空 我正在做一些表单验证 如果表单无效 我将让它显示错误列表中的错误消息 但我希望保留字段值 有没有办法做到这一点 这是我验证表单的观点 app route booking methods GET POST d
  • 通过提供 sys 路径来使用包

    我发现了这个链接 Python 在本地使用库而不是安装它 https stackoverflow com questions 9059699 python use a library locally instead of installin
  • const_cast VS 可变?有什么区别吗?

    据我了解 mutable取消constness一个变量的 Class A void foo const m a 5 mutable int m a 但是也const cast void print char str cout lt lt s
  • .Net Framework 4.0 安装程序是否包含 .Net Framework 3.5?

    针对 Net Framework 3 5 编译的 Net 组件是否可以在仅安装 Net Framework 4 0 的系统上运行 或者换句话说 Net Framework 4 0 安装程序是否包含 Net Framework 3 5 NET
  • 如何让游戏忽略Unity3D中UI按钮的点击?

    我有一个用户界面Button using UnityEngine UI 然而 点击Button似乎是点击浏览到场景中 在我的例子中单击导航网格 如何解决这个问题呢 我一直在使用典型的 Unity3D 代码来让用户投入游戏 例如 if Inp
  • 将神经网络应用于可变长度语音片段的 MFCC

    我目前正在尝试创建和训练一个神经网络 以使用 MFCC 执行简单的语音分类 目前 我为每个样本使用 26 个系数 总共 5 个不同的类别 这些是具有不同音节数的五个不同单词 虽然每个样本都有 2 秒长 但我不确定如何处理用户可以非常慢或非常
  • Android 自定义 SQLite 构建 - 无法打开数据库

    我的目标是构建一个自定义版本的 SQLite 特别是启用了 R Tree 以包含在我的 Android 项目中 动机源于 Android SQLite R Tree 如何安装模块 https stackoverflow com questi
  • 使用 uwp 应用程序打开任何类型的文件(无需文件关联)

    我正在制作一个简单的 uwp 文本编辑器应用程序 我希望应用程序打开任何类型的文件 即使没有声明文件关联 因为有许多文本文件在操作系统中没有已知的扩展名 有什么方法可以修改注册表 让我的应用程序在 打开方式 列表中可用 例如记事本 以便用户
  • Python 中的快速字符串到整数转换

    实际上 这是一个简单的问题 您有 10 亿 1e 9 个无符号 32 位整数作为十进制 ASCII 字符串存储在 TSV 制表符分隔值 文件中 转换使用int 与处理相同数据集的其他工具相比 速度非常慢 为什么 更重要的是 如何让它更快 因
  • 使用 WIX 并行安装同一 IIS 站点的版本

    是否可以使用 WIX 并行安装同一 IIS 网站的多个版本 包括单独升级它们的能力吗 我到处搜索 但在互联网上找不到任何相关内容 另外 为什么在每次构建时使用热量自动收集文件是不可以的 如果您在开发过程中大量添加视图 模型 控制器 那么当文
  • Java系统命令从文件加载sqlite3 db失败

    我正在尝试使用 java 运行系统命令来从 sql 文件加载 sqlite3 数据库 sql 文件中没有错误 它可以使用命令行中的常规方法加载正常 sqlite3 dbname lt file sql 我的方法 public void lo
  • 如何使用 Angular cli 在 Angular 2 中导入 Electron

    我正在尝试使用 Angular 2 配置了最新的基于 webpack 的 Angular cli 为 gui 构建 Electron 应用程序原型 但我陷入困境 因为我不知道如何在 Angular2 组件中导入 Electron api 具