Closed hi85gh closed 5 years ago
依存パッケージを最新のバージョンにアップデートしました。 Electron については Vue.js devtools の問題があるため確認中です。
Nuxt.js のアップデートで scripts/dev.js で process.env._NUXT_URL_ に代入していた nuxt.server.listeners[0].url の URL が変わり、 ngrok がポート 3000 番で起動できなくなっていました。 replace() を使って 'http://localhost:3000', 'http://localhost:3000/' のどちらでもポート番号が ngrok に渡せるように修正しました。
scripts/dev.js
process.env._NUXT_URL_
nuxt.server.listeners[0].url
3000
replace()
main/store/mock.store.js
- proxyUrl = await ngrok.connect(+WINDOW_ORIGIN.split(':').pop()) + proxyUrl = await ngrok.connect(+WINDOW_ORIGIN.replace(/^.+?:(\d+)\/?.*$/, '$1'))
Electron を v5 にアップデートしたところ、検証ツールで Network, Performance タブを開くとターミナルにエラーが出るのを確認しました。 Vue タブの場合はリロードした後にターミナルにエラーが出ています。
v5
開発ができない訳ではないので、Vue.js devtools の利用状況によってはアップデートしても問題ないと思います。 Electron のリポジトリ にイシューもあるので、解消され次第アップデートします。
Breaking Changes
Electron v5 の Breaking Change として webPreferences オプションのデフォルト値が変更になりました。 レンダラープロセスでも require() が使えるように nodeIntegration と、<webview> タグが使えるように webviewTag を true にしています。
webPreferences
require()
nodeIntegration
<webview>
webviewTag
true
electron/breaking-changes.md at master · electron/electron
main/store/window.store.js
mainWindow = new BrowserWindow({ width, height, frame: false, titleBarStyle: 'hidden', + webPreferences: { + nodeIntegration: true, + webviewTag: true, + }, })
core-js
アップデートにより core-js@3.x.x の依存がなくなったため core-js をアンインストールしました。
core-js@3.x.x
アップデート前
$ npm ls core-js diraq_desktop ├─┬ @babel/preset-env@7.4.3 │ └─┬ core-js-compat@3.0.1 │ └── core-js@3.0.1 ├── core-js@2.6.5 ├─┬ element-ui@2.7.2 │ └─┬ async-validator@1.8.5 │ └─┬ babel-runtime@6.26.0 │ └── core-js@2.6.5 deduped └─┬ nuxt@2.6.1 └─┬ @nuxt/webpack@2.6.1 └─┬ @nuxt/babel-preset-app@2.6.1 └── core-js@2.6.5 deduped
アップデート後
$ npm ls core-js diraq_desktop ├─┬ element-ui@2.9.1 │ └─┬ async-validator@1.8.5 │ └─┬ babel-runtime@6.26.0 │ └── core-js@2.6.9 └─┬ nuxt@2.8.1 └─┬ @nuxt/webpack@2.8.1 └─┬ @nuxt/babel-preset-app@2.8.1 └── core-js@2.6.9 deduped
Vue.js devtools の利用者はいないようなのでアップデートしても問題ないようです。
依存パッケージを最新のバージョンにアップデートしました。 Electron については Vue.js devtools の問題があるため確認中です。
154 の対応
Nuxt.js のアップデートで
scripts/dev.js
でprocess.env._NUXT_URL_
に代入していたnuxt.server.listeners[0].url
の URL が変わり、 ngrok がポート3000
番で起動できなくなっていました。replace()
を使って 'http://localhost:3000', 'http://localhost:3000/' のどちらでもポート番号が ngrok に渡せるように修正しました。main/store/mock.store.js
115 の対応
Electron を
v5
にアップデートしたところ、検証ツールで Network, Performance タブを開くとターミナルにエラーが出るのを確認しました。Vue タブの場合はリロードした後にターミナルにエラーが出ています。
開発ができない訳ではないので、Vue.js devtools の利用状況によってはアップデートしても問題ないと思います。
Electron のリポジトリ にイシューもあるので、解消され次第アップデートします。
Breaking Changes
の対応Electron
v5
の Breaking Change としてwebPreferences
オプションのデフォルト値が変更になりました。レンダラープロセスでも
require()
が使えるようにnodeIntegration
と、<webview>
タグが使えるようにwebviewTag
をtrue
にしています。electron/breaking-changes.md at master · electron/electron
main/store/window.store.js
core-js
のアンインストールアップデートにより
core-js@3.x.x
の依存がなくなったためcore-js
をアンインストールしました。アップデート前
アップデート後