node.js - 使用一个 NPM 命令启动 React-create-app 和 Electron.js

标签 node.js reactjs npm electron npm-scripts

我有简单的自定义入门包 react-create-appElectron.js。 我已添加到 package.json 文件:

"scripts": {
    "electron": "electron .",
    "start": "cross-env BROWSER=none react-scripts start",
....

我可以使用 npm run electro 启动 Electron 并使用 - npm start 启动 React。

我想要的是仅使用一个命令来启动 React 和 Electron,例如:npm run Both

我已经尝试过:

"both": "\"npm start\" \"npm run electron \"", 

但我在日志文件中收到错误:

Exit status 1 node_modules\npm\node_modules\npm-lifecycle\index.js:301:16) - nothing specific

我已经尝试过了:

    "start": "npm run electron . && cross-env BROWSER=none react-scripts start",

,但这会启动 Electron,当我关闭它时,它会启动 React 应用程序。

再次错误:

"electron": "electron .",
"start": "cross-env BROWSER=none react-scripts start",
"both": "\"npm run electron\" \"npm run start\"",

我不知道,如何仅用一个 NPM 命令启动 react-create-appElectron

最佳答案

考虑利用concurrently .

  1. cd 到您的项目目录并运行以下命令进行安装:

    npm i -D concurrently
    
  2. 然后在 package.jsonscripts 部分中重新定义 both 脚本,如下所示:

    "both": "concurrently \"npm start\" \"npm run electron\""
    

    或稍微缩短的等价物:

    "both": "concurrently \"npm:start\" \"npm:electron\""
    

关于node.js - 使用一个 NPM 命令启动 React-create-app 和 Electron.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59911352/

相关文章:

用于 Visual Studio 的 Node.js 工具总是在出现异常时停止

javascript - 在 package.json 中包含依赖项时出现问题

javascript - 如何正确地在node.js中使数据库流动

javascript - 如何仅在组件卸载时才执行 useEffect() 中的清理函数

node.js - 替换 NPM/Node 中的包

php - laravel 6 身份验证 "npm run dev not working"

javascript - 如何在 Node.js 测试中关闭 net.Server?

reactjs - 在单选按钮上使用 useState 钩子(Hook)的正确方法

reactjs - 在 ReactJS 组件中,当循环 props 数组时,我只能使用循环的简写语法。为什么是这样?

javascript - 创建一个支持 browserify 和 jQuery <script> 标签加载的包