Npm ';电子包装机&x27;不被识别为内部或外部命令

Npm ';电子包装机&x27;不被识别为内部或外部命令,npm,electron,electron-packager,Npm,Electron,Electron Packager,我最近开始使用电子。通过创建hello world应用程序(包括index.html、main.js、package.json文件),我成功地完成了第一阶段。现在我正试图使用electron packager打包应用程序,但出现了此错误 我采取了以下步骤: 已创建名为helloworld的项目目录 使用npm init命令初始化项目目录 然后使用npm安装electron--save dev安装electron 然后分别将javascript和html文件创建为main.js和index.ht

我最近开始使用电子。通过创建hello world应用程序(包括index.html、main.js、package.json文件),我成功地完成了第一阶段。现在我正试图使用electron packager打包应用程序,但出现了此错误

我采取了以下步骤:

  • 已创建名为helloworld的项目目录
  • 使用
    npm init
    命令初始化项目目录
  • 然后使用
    npm安装electron--save dev
    安装electron
  • 然后分别将javascript和html文件创建为main.js和index.html
  • 然后使用
    npm start
    执行应用程序
  • 然后使用npm安装电子分装机安装电子分装机
  • 现在,当我尝试使用命令
    electron packager打包应用程序时,问题出现在这一步。

  • 执行全局程序包安装:


    npm安装-g电子包装机
    
    -g
    标志告诉NPM全局安装软件包,这使得命令
    electron packager
    在您的路径中可用


    如果不想进行全局安装,可以在本地安装,并使用
    npx
    运行

    npm安装-D电子包装机
    npx电子包装机。
    

    或者,您可以直接从node_modules文件夹中引用它(不推荐)

    /node\u模块/electron packager/cli.js
    
    有两种情况可以让它发挥作用

  • 如上所述,使用
    -g
    全局安装electron


    i、 e.使用npm安装-g电子包装机

  • 更改您的
    包.json

  • 然后输入命令
    npm start


    这样对我来说很有效。

    您必须在全局范围内安装electron-packager,这就是为什么它显示
    “electron-packager”不被识别为内部或外部命令的原因

    为此,您必须全局安装electron软件包

    您可以使用-g选项进行全局安装

    示例:-
    npm install-g electron packager
    npm i-g electron packager
    //我代表安装

    我可能完全不喜欢它,但我的解决办法是,我把点放在package.json文件中,确保它的“开始”:“electron”
    至少为我修复了它

    如果您在本地安装了它:

    npm install electron-packager
    
    然后,它将无法工作,请将其作为cli进行全局安装:

    npm install -g electron-packager
    
    您还可以通过以下方式完成:

    "node_modules/electron-packager/cli.js" . --all --asar
    
    毕竟,如果你不能让它工作,安装electron packager。 然后,转到您的package.json。在你的开始脚本下面。创建另一个名为“build”的字符串,并为其指定要运行的electron packager命令的值:

    ...
        "scripts": {
        "start": "electron .",
        "build": "electron-packager . --asar --all"
      },
    ...
    
    然后,进入命令提示符、终端或bash。 然后,键入:

    npm run build
    

    在我的情况下,在npm全局安装后,它不起作用

    在electron builder自述页面上,建议使用Thread安装

    Yarn is strongly recommended instead of npm.
    yarn add electron-builder --dev
    
    此外,我们还可以将文件夹直接放置到路径。在Windows 10上:

  • 使用单词“environment”进行搜索,然后打开并编辑环境变量
  • 选择、编辑并将新值C:\Users\USER\u NAME\AppData\Roaming\npm添加到变量路径。将用户名替换为Windows用户名
  • 然后我们可能需要重新启动或注销

    同样在我的例子中,我在Windows 10上启用了脚本执行,并在下面的回答中给出了说明:


    npm安装-g电子包谢谢!你完全正确。我也忽略了空格,也犯了同样的错误
    Yarn is strongly recommended instead of npm.
    yarn add electron-builder --dev