使用電子生成器設置電子圖標

Question

我想在我的 Electron App 中設置新的圖標，並在構建我的應用程序時替換默認的 Electron 圖標。

我使用electron-builder包。 在文檔中，我看到圖標need to be placed in the build directory. 所以 ：

當我構建我的應用程序時，我有這個消息：

Application icon is not set, default Electron icon will be used 。

任何人都可以幫助我嗎？

我的package.json的一部分：

  "scripts": {
    "postinstall": "install-app-deps && npmpd",
    "pre-build": "./node_modules/.bin/electron-rebuild",
    "build-bcrypt": "npm rebuild bcrypt --update-binary",
    "develop": "npm run private:compile -- --source-maps true && run-p -r private:watch private:serve",
    "test": "mocha -R spec --compilers js:babel-core/register test/**/*.spec.js",
    "lint": "eslint --no-ignore scripts app test *.js",
    "pack": "run-s private:clean private:compile private:build:all",
    "pack:mac": "run-s private:clean private:compile private:build:mac",
    "pack:win": "run-s private:clean private:compile private:build:win",
    "pack:linux": "run-s private:clean private:compile private:build:linux",
    "private:build:all": "build -mwl",
    "private:build:mac": "build --mac",
    "private:build:win": "build --win",
    "private:build:linux": "build --linux",
    "private:watch": "npm run private:compile -- --source-maps true --watch --skip-initial-build",
    "private:serve": "babel-node scripts/serve.js",
    "private:compile": "babel app/ --copy-files --out-dir build",
    "private:clean": "rimraf build",
    "private:cleandb": "rm -rf ./categories ./presentations ./slides ./users"
  },
  "build": {
    "win": {
      "icon": "build/icon.ico"
    }
  }

Answer 1

在package.json ，在win鍵下，還需要指定圖標路徑：

"build": {
  "win": {
    "icon": "build/app.ico"
  }
}

Answer 2

有類似的問題，我在我的構建中添加了目錄

    "build":{
    "directories": {
              "buildResources": "resources"
            }
}

在目錄文件夾中我有我的 icon.ico 文件

Answer 3

我遇到了同樣的問題，因為我也使用build目錄作為我的輸出，這是我的配置：

"build": {
   "directories":{
      "output": "build"
   },
   "mac": {
      "icon": "build/logo.icns",
   },
   "win": {
      "icon": "build/logo.png"
   }
},

而不是指定您的目錄，例如./logo.png使電子顯示default Electron icon is used reason=application icon is not set

Answer 4

我設法使用package.json 中的以下腳本在 Windows 上顯示了我的圖標：

"package-win": "electron-packager . --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=Company --version-string.FileDescription=CE --version-string.ProductName=\"Product\""