I've set up path aliases in both webpack and typescript, but unfortunately, webstorm is not recognising path aliases starting with @; it seems to think they are Definitely Typed types (I think).
The paths setup in my tsconfig.json:
Then in my Vue components:
import FormModal from "@components/common/FormModal"
I get a squiggly under the whole path, and clicking on @components takes me to the node_modules folder.
If I remove the @ from all references, aliases work as expected, and Webstorm can find the folder fine, no warnings, and hyperlinking works.
Can I configure this to work, or do I need to give up on the @ prefix?
I like using @ as it makes it explicit the import is referencing application src.