PhpStormである日突然webpack解析エラーと共にcoding assistanceが効かなくなった

March 23, 2020

PhpStorm である日突然以下のような webpack 解析エラーと共に coding assistance が効かなくなった。これには本当に困って、PhpStorm/WebStorm で Vue を書く良さが一気に削がれた感じがした。

Can’t analyse webpack.dev.conf.js: coding assistance will ignore module resolution rules in this file. Possible reasons: this file is not a valid webpack configuration file or its format is not currently supported by the IDE.

動作しなくなったのは、以下の 2 つで

  1. 子コンポーネントへコードへジャンプできる
  2. 子コンポーネントの Props が補完候補としてハイフネーションされ表示される

書いてみると少ない感じはするけど体験としてはかなり違う。

一週間以上試行錯誤した結果良くわからない解決?を迎えた手順

  1. とりあえず現状を保存するために git commit
  2. package-lock.json と node_modules を削除
  3. npm install し package-lock.json を再生成
  4. PhpStorm 再起動(この時点で治っているのを確認)
  5. package-lock.json の変更を破棄し、git の管理下にあるファイルについては元の状態に戻す
  6. npm ci で node_modules 内も元の状態に戻す
  7. PhpStorm 再起動しても coding assistance は有効のまま。解決

なんで治ったのかわからないし、よくあるワークアラウンドなのかもわからないけどとりあえずはこれで様子見しようと思う。package-lock.json は消してはいけない(と思ってる)ので削除まえの状態に戻しても coding assistance が有効なのは良かったとおもう。挙動から考えるに PhpStorm のバグかな。

他にも同じ症状の人はいるみたいだけどいまいち解決してないか、再発することもある模様

試したが状況が変わらなかったこと

  • PhpStorm のバージョンのロールバック
  • EAP のインストール
  • PHPStorm で Invalidate Cache / Restart してキャッシュの再構築
  • 別ディレクトリにプロジェクトを git clone して PHPStorm の.idea 再構築
  • WebStorm のインストール

Profile picture

Webのフロントエンドからバックエンド、プロトタイピングからプロダクションまで。定額の開発サービスも。詳しくはAboutページで。