Skip to content

WebStorm IDE : "Cannot resolve symbol 'FontAwesomeIcon'" #177

@ByScripts

Description

@ByScripts

Describe the bug

When importing FontAwesomeIcon component, WebStorm underlines the import saying Cannot resolve symbol 'FontAwesomeIcon'. This causes problem for props completion.

import Vue from 'vue';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
         ^^^^^^^^^^^^^^^

The app works correctly, but WebStorm is unable to show any completion for props defined by this component (icon, size, fixedWidth, ...).

I'm willing to accept that this is a WebStorm issue, but it's the only component that causes me such a problem, so...

Reproducible test case

Just import and register the component in WebStorm/PhpStorm then use it in a template.

<!-- App.vue -->

<template>
  <FontAwesomeIcon [ctrl+space here]
</tempalte>

<script>
  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

  export default {
    name: "App",
    components: { FontAwesomeIcon }
  }
</script>

Expected behavior

Typing <FontAwesomeIcon should trigger props autocompletion for FontAwesomeIcon component, but only show completion for standard Vue props (v-if, v-for...) and HTML attributes.

Desktop (please complete the following information):

  • macOS 10.14.5
  • PhpStorm 2019.1.2

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions