Why doesn't webstorm understand component imports via @ in vue?

Question

webstorm

Webstorm doesn't understand component imports via @ what should I do?

Answer 1

If you are on nuxt.js, then create your own config and specify it in the webstorm settings.

const path = require('path')

module.exports = {
  resolve: {
    extensions: ['.js', '.json', '.vue', '.ts'],
    root: path.resolve(__dirname),
    alias: {
      '@': path.resolve(__dirname),
      '~': path.resolve(__dirname),
    },
  },
}