Update dependencies

[hi85gh]

*追加の コメント があります。（最新版の ESLint ではエラーも解決しています。）

以下のパッケージを更新しました。

• Patch
  • babel-eslint
  • electron
  • element-ui
  • eslint-plugin-vue
  • lint-staged
• Minor
  • babel-plugin-dynamic-import-node@
  • electron-builder
  • eslint-plugin-import
  • eslint-plugin-jest
  • husky
  • ngrok
  • webpack
• Major
  • eslint-config-prettier

ESLint について

ESLint を v6 へメジャーアップデートすると yarn dev で以下のエラーを確認しました。 解決方法がわからなかったのでアップデートは保留にしています。

• Renderer Process のエラー

  ERROR in ./.nuxt/client.js
  Module build failed (from ./node_modules/eslint-loader/index.js):
  /Users/user/diraq_desktop/node_modules/eslint-loader/index.js:1
  Error: Cannot find module 'eslint/lib/formatters/stylish'
  Require stack:
  - /Users/user/diraq_desktop/node_modules/eslint-loader/index.js
  - /Users/user/diraq_desktop/node_modules/loader-runner/lib/loadLoader.js
  - /Users/user/diraq_desktop/node_modules/loader-runner/lib/LoaderRunner.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/NormalModule.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/NormalModuleFactory.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/Compiler.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/webpack.js
  - /Users/user/diraq_desktop/scripts/dev.js
      at Object.module.exports (/Users/user/diraq_desktop/node_modules/eslint-loader/index.js:199:26)
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js app[2]

• Main Process のエラー

  ERROR in ./main/index.js
  Module build failed (from ./node_modules/eslint-loader/index.js):
  /Users/user/diraq_desktop/node_modules/eslint-loader/index.js:1
  Error: Cannot find module 'eslint/lib/formatters/stylish'
  Require stack:
  - /Users/user/diraq_desktop/node_modules/eslint-loader/index.js
  - /Users/user/diraq_desktop/node_modules/loader-runner/lib/loadLoader.js
  - /Users/user/diraq_desktop/node_modules/loader-runner/lib/LoaderRunner.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/NormalModule.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/NormalModuleFactory.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/Compiler.js
  - /Users/user/diraq_desktop/node_modules/webpack/lib/webpack.js
  - /Users/user/diraq_desktop/scripts/dev.js
      at Object.module.exports (/Users/user/diraq_desktop/node_modules/eslint-loader/index.js:199:26)

webpack のエラーについて

webpack をアップデートすると yarn dev で以下のエラーを確認しました。 @nuxt/webpack が依存していた webpack が最新ではなかったので、 yarn.lock を最新の依存関係に更新して修正しました。

• Renderer Process のエラー

  ERROR in ./.nuxt/App.js
  Module not found: Error: Can't resolve 'css-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/App.js 3:0-62
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/App.js
  Module not found: Error: Can't resolve 'css-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/App.js 4:0-67
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./renderer/plugins/fileIcon.js
  Module not found: Error: Can't resolve 'url-loader' in '/Users/user/diraq_desktop'
   @ ./renderer/plugins/fileIcon.js 2:0-48 9:10-18
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./renderer/plugins/fileIcon.js
  Module not found: Error: Can't resolve 'url-loader' in '/Users/user/diraq_desktop'
   @ ./renderer/plugins/fileIcon.js 3:0-50 10:10-19
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./renderer/plugins/fileIcon.js
  Module not found: Error: Can't resolve 'url-loader' in '/Users/user/diraq_desktop'
   @ ./renderer/plugins/fileIcon.js 4:0-60 11:10-24
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./renderer/plugins/fileIcon.js
  Module not found: Error: Can't resolve 'url-loader' in '/Users/user/diraq_desktop'
   @ ./renderer/plugins/fileIcon.js 5:0-46 12:9-16
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/components/nuxt.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/components/nuxt.js 5:0-41 11:15-24
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/index.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/index.js 11:0-52 289:0-32
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/App.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/App.js 5:0-56 8:14-23
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/App.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/App.js 6:0-54 9:12-21
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/router.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/router.js 7:24-9:3
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/router.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/router.js 13:24-15:3
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
  
  ERROR in ./.nuxt/router.js
  Module not found: Error: Can't resolve 'vue-loader' in '/Users/user/diraq_desktop'
   @ ./.nuxt/router.js 19:24-21:3
   @ ./.nuxt/index.js
   @ ./.nuxt/client.js
   @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js

[hi85gh]

160 の変更も含むため Draft は #160 がマージされた後に外します。

[hi85gh]

時間が空いてしまったため、依存しているすべてのパッケージをあらためて最新版にアップデートしました。

dependencies

name	from	to	url
electron-log	3.0.6	3.0.8	https://github.com/megahertz/electron-log#readme
electron-updater	4.0.6	4.1.2	https://github.com/electron-userland/electron-builder
element-ui	2.9.1	2.12.0	http://element.eleme.io
moment-timezone	0.5.25	0.5.26	http://momentjs.com/timezone/
nuxt	2.8.1	2.9.2	https://github.com/nuxt/nuxt.js#readme

devDependencies

name	from	to	url
@babel/core	7.4.5	7.6.0	https://babeljs.io/
@babel/preset-env	7.4.5	7.6.0	https://babeljs.io/
@fortawesome/fontawesome-free	5.9.0	5.10.2	https://fontawesome.com
@nuxtjs/eslint-config	0.0.1	1.1.2	https://github.com/nuxt/eslint-config/tree/master/packages/eslint-config
axios-mock-adapter	1.16.0	1.17.0	https://github.com/ctimmerm/axios-mock-adapter#readme
babel-eslint	10.0.1	10.0.3	https://github.com/babel/babel-eslint
babel-plugin-dynamic-import-node	2.2.0	2.3.0	https://github.com/airbnb/babel-plugin-dynamic-import-node#readme
dotenv	8.0.0	8.1.0	https://github.com/motdotla/dotenv#readme
electron	5.0.3	6.0.9	https://github.com/electron/electron#readme
electron-builder	20.43.0	21.2.0	https://github.com/electron-userland/electron-builder
eslint	5.16.0	6.4.0	https://eslint.org
eslint-config-prettier	4.3.0	6.3.0	https://github.com/prettier/eslint-config-prettier#readme
eslint-config-standard	12.0.0	14.1.0	https://github.com/standard/eslint-config-standard
eslint-loader	2.1.2	3.0.0	https://github.com/webpack-contrib/eslint-loader
eslint-plugin-import	2.17.3	2.18.2	https://github.com/benmosher/eslint-plugin-import
eslint-plugin-jest	22.6.4	22.17.0	https://github.com/jest-community/eslint-plugin-jest#readme
eslint-plugin-node	9.1.0	10.0.0	https://github.com/mysticatea/eslint-plugin-node#readme
eslint-plugin-promise	4.1.1	4.2.1	https://github.com/xjamundx/eslint-plugin-promise#readme
eslint-plugin-standard	4.0.0	4.0.1	https://github.com/standard/eslint-plugin-standard#readme
eslint-plugin-vue	5.2.2	5.2.3	https://eslint.vuejs.org
husky	2.4.0	3.0.5	https://github.com/typicode/husky#readme
lint-staged	8.2.0	9.2.5	https://github.com/okonet/lint-staged#readme
ngrok	3.1.1	3.2.5	https://github.com/bubenshchykov/ngrok#readme
rimraf	2.6.3	3.0.0	https://github.com/isaacs/rimraf#readme
stylelint	10.1.0	11.0.0	https://stylelint.io
stylelint-config-standard	18.3.0	19.0.0	https://github.com/stylelint/stylelint-config-standard#readme
stylelint-order	3.0.0	3.1.0	https://github.com/hudochenkov/stylelint-order
webpack	4.36.1	4.40.2	https://github.com/webpack/webpack

[hi85gh]

@to24toro 依存パッケージの更新について package.json の scripts に登録しているコマンドはすべて試してエラーがないことを確認していますが、element-ui のアップデートなどによる UI や動作の変更がないかご確認いただけないでしょうか。

普段通り開発してみていただいてエラーがないか少し確認する程度で大丈夫だと思います。 念の為、確認の方法も記載させていただきます。

1. remotes/origin/feature/update-deps をチェックアウト（もしくは作業中のブランチにマージ）
2. npm i で依存パッケージを最新のバージョンに更新
3. npm run dev で見た目や動作に問題がないか検証

[hi85gh]

保留 依存パッケージや設定ファイルの更新対応