vue add electron-builderを実行してインストールが止まったとき

Vue + Electron + TypeScriptでアプリをつくるときのエラー対処。

Vue CLI Plugin Electron Builderを導入していた時にインストールが止まることがあった。 これの対処を残します。

環境

  • Windows 10
  • Node.js v14.15.0
  • npm 6.14.8
  • yarn 1.22.5
  • @vue/cli 4.5.9
  • vue-cli-plugin-electron-builder ~2.0.0-rc.5

Electron-Builderの導入でインストールが止まる

Electron-Builderの導入でインストールが止まることがあった。 yarn installして、background.jsbackground.tsにリネームして動きました。

> vue add electron-builder

…インストール中

info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
[-/3] ⠂ waiting...
[2/3] ⠂ electron-chromedriver
[-/3] ⠄ waiting...バッチ ジョブを終了しますか (Y/N)? Y

途中で止まったのでyarn installでパッケージの整合させる

> yarn install

この後、yarn run electron:serve をすると background.js がないとエラーが出る。

 ERROR  Failed to compile with 1 errors                                    17:13:17
This dependency was not found:

* C:\git\popup\src\background.ts in multi ./src/background.ts

./src/background.jsは存在します。 どうやら、拡張子が ts でないといけなかったようでリネームして解決しました。

> mv ./src/background.js -> ./src/background.ts にリネーム

>yarn run electron:build

OK

 関連記事

 新着 or 更新記事