Блог

Я пытаюсь создать простое настольное приложение Linux с использованием Electron и Vue с помощью этого плагина https://github.com/nklayman/vue-cli-plugin-electron-builder Когда я запускаю сервис, значок корректно отображается на панели задач без проблем, но когда я его создаю, значок корректно отображается в списке приложений, но приложение вообще не запускается или не показывает никаких ошибок. значок-512×512.png устанавливается в корневом каталоге с файлом vue.config

vue.config

 module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        "appId": "com.example.app",
        "icon": "./src/assets/icons/Icon-512.png", //another version of the icon is there
        "win" : {
          "icon" : "src/assets/images/app_icon.png",
        },
        "linux" : {
          "target" : "deb",
          "maintainer" : "xxx",
          "vendor" : "xxx",
          "executableName" : "xxx version 1",
          "category" : "Utility",
          "icon": "./src/assets/icons/"
        },
        "productName" : "xxx version 1"
      }
    },
    i18n: {
      locale: 'en',
      fallbackLocale: 'en',
      localeDir: 'locales',
      enableInSFC: false
    }
  }
}
  

В background.js

 async function createWindow() {
  const win = new BrowserWindow({
    show: false,
    icon:'favicon-512x512.png',
    webPreferences: {
      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION
    }
  })

  win.maximize();
  win.removeMenu();
  win.show();
  

Я попытался переместить это изображение в src / assets и в общедоступный каталог, но у меня ничего не получилось.

Я также удалил код значка из CreateWindow в фоновом режиме.js и сохранил тот же код в vue.config, и я заставил приложение работать, но без значка на панели задач, просто прозрачный заполнитель!!

Как я могу создать приложение с помощью значка в трее, отображаемого на панели задач? Использование Ubuntu 20

Я тоже пробовал это: создал новый каталог с именем build и другой каталог с именем icon и сохранил Icon-512x512.png в icon каталоге, затем добавил это в background.js

 const win = new BrowserWindow({
  show: false,
  icon: path.join(__dirname, '/icon/Icon-512x512.png'),
  

В vue.config

 "linux" : {
    "target" : ["deb"],
    "maintainer" : "LamasaTech",
    "vendor" : "LamasaTech",
    "executableName" : "VisiPoint version 5",
    "category" : "Utility",
    "icon": "build/icon/",
  },
  

Я создал приложение, и значок отображается в списке приложений, но приложение тоже не запускалось