Search code examples
vue.jsidewebstorm

Why is Webstorm's Vue plugin not working after being applied?

Problem

The IDE I'm using for my Vue app (WebStorm) has stopped applying the Vue plugin. It will no longer suggest file paths or recognise the @ symbol replacing /src

Setup & Tried Solutions

Here is the current plugin:

enter image description here

Things I've tried:

  • Uninstalling the plugin and then re-installing
  • Uninstalling the IDE and then re-installing

But I still get errors like this:

enter image description here

Are there any additional steps I might be missing? Thanks

Solutions from comments

Thanks to @lena, the fix was simple. In the WebStorm IDE, I completed the following steps:

Preferences > Languages & Frameworks > Javascript > Webpack

And ensure that it is set to automatic, mine was set to Disabled.

enter image description here

Solution

  • Please make sure that Webpack support is enabled in Preferences > Languages & Frameworks > Javascript > Webpack, see https://www.jetbrains.com/help/webstorm/2022.2/using-webpack.html