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 つで
- 子コンポーネントへコードへジャンプできる
- 子コンポーネントの Props が補完候補としてハイフネーションされ表示される
書いてみると少ない感じはするけど体験としてはかなり違う。
一週間以上試行錯誤した結果良くわからない解決?を迎えた手順
- とりあえず現状を保存するために git commit
- package-lock.json と node_modules を削除
- npm install し package-lock.json を再生成
- PhpStorm 再起動(この時点で治っているのを確認)
- package-lock.json の変更を破棄し、git の管理下にあるファイルについては元の状態に戻す
- npm ci で node_modules 内も元の状態に戻す
- PhpStorm 再起動しても coding assistance は有効のまま。解決
なんで治ったのかわからないし、よくあるワークアラウンドなのかもわからないけどとりあえずはこれで様子見しようと思う。package-lock.json は消してはいけない(と思ってる)ので削除まえの状態に戻しても coding assistance が有効なのは良かったとおもう。挙動から考えるに PhpStorm のバグかな。
他にも同じ症状の人はいるみたいだけどいまいち解決してないか、再発することもある模様
- Webpack coding assistance keeps getting disabled – IDEs Support (IntelliJ Platform) | JetBrains
- Can’t analyse webpack.config.js: coding assistance will ignore module resolution rules in this file. : WEB-35740
試したが状況が変わらなかったこと
- PhpStorm のバージョンのロールバック
- EAP のインストール
- PHPStorm で Invalidate Cache / Restart してキャッシュの再構築
- 別ディレクトリにプロジェクトを git clone して PHPStorm の.idea 再構築
- WebStorm のインストール