Я новичок в разработке настольных приложений. Я использовал Ioni c для своего мобильного приложения и теперь пытаюсь повторно использовать код для разработки настольных приложений. Но у меня есть некоторые сомнения, которые я хотел бы прояснить:
Я выполнил инструкции, указанные в этом блоге https://devdactic.com/ionic-desktop-electron/. Процесс сборки у меня не прошел, так как я пробовал команду из папки root. Сборка заработала только после того, как я запустил команду из подпапки electronic. Это как должно работать? В блоге или других руководствах об этом никогда не упоминалось, поэтому мне интересно, есть ли у меня какие-либо проблемы с моей настройкой.
У меня установлено несколько пакетов в каталоге root, поэтому все сведения о пакете хранятся в пакете. json файл в папке root, а не в пакете. json в подпапке electronic. Я использовал пакет с последовательным портом. Приложение отлично работает, когда я запускаю из папки root с командами,
ioni c -build
npx cap copy
npx cap open electronic
Когда я запускаю команду электрон. из папки root выдает ошибку: «Ошибка при запуске приложения, не удается найти электронное приложение по пути». Но я видел в нескольких блогах, что мы также можем запустить это с помощью этой команды в папке root. Но у меня не работает. Я привел ниже пакет. json подробности как о электроне, так и о ионном c root папке.
Root пакете. json:
{
"name": "AppDesktop",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"electron:win": "electron-packager . --overwrite --platform=win32 --arch=ia32"
},
"private": true,
"dependencies": {
"@angular/common": "~9.1.6",
"@angular/core": "~9.1.6",
"@angular/forms": "~9.1.6",
"@angular/platform-browser": "~9.1.6",
"@angular/platform-browser-dynamic": "~9.1.6",
"@angular/router": "~9.1.6",
"@capacitor/core": "2.3.0",
"@ionic-native/core": "^5.0.7",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"@ionic/storage": "^2.3.0",
"auto-launch": "^5.0.5",
"electron": "^8.2.5",
"moment": "^2.27.0",
"ngx-electron": "^2.2.0",
"rxjs": "~6.5.1",
"serialport": "^9.0.0",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.5",
"@angular/cli": "~9.1.5",
"@angular/compiler": "~9.1.6",
"@angular/compiler-cli": "~9.1.6",
"@angular/language-service": "~9.1.6",
"@capacitor/cli": "2.3.0",
"@ionic/angular-toolkit": "^2.1.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.12.53",
"codelyzer": "^5.1.2",
"electron-packager": "^15.0.0",
"electron-rebuild": "^1.11.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.3",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
},
"description": "An Ionic project"
}
Электронный пакет . json:
{
"name": "AppDesktop",
"version": "1.0.0",
"description": "An Amazing Capacitor App",
"main": "index.js",
"scripts": {
"electron:start": "electron ./"
},
"dependencies": {
"@capacitor/electron": "^2.3.0",
"auto-launch": "^5.0.5",
"electron-is-dev": "^1.1.0"
},
"devDependencies": {
"electron": "^8.0.0"
},
"keywords": [
"capacitor",
"electron"
],
"author": "",
"license": "ISC"
}