エラーの例示#
まず、vite プロジェクトを作成します。
yarn create vite
次に、electron の依存関係を追加します。
yarn add --dev electron concurrently cross-env electron-builder wait-on
その後、エラーが続きます。
正しい例示#
yarn create @quick-start/electron
途中でいくつかのオプションが表示されます。
? Add TypeScript? » No / Yes
TypeScriptを使用しますか？TypeScriptが好きな場合は、Yesを選択してください。
? Add Electron updater plugin? » No / Yes
Electronのアップデータープラグインを追加しますか？Yesを選択してください。
? Enable Electron download mirror proxy? » No / Yes
Electronのダウンロードミラープロキシを有効にしますか？国内のネットワーク環境では、Yesを強くお勧めします。
もちろん、国内の環境では、設定ファイルを使用して electron のミラーを設定することもできます。
touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc
これでプロジェクトが作成されましたので、yarnを実行して依存関係をインストールし、yarn devを実行して問題ありません。
結論#
このプロジェクトを作成するためには、本当に苦労しましたが、最終的には@quick-start/electronを使用してプロジェクトを作成することが本当に速いという結論に至りました。