WebStorm cannot correctly identify the solution of Vue3 combined API

1 Problem Description

Vue3's combined API cannot be correctly recognized in WebStorm, as defineComponent and other functions cannot be recognized:

2 Attempts

I guess the reason for this problem is that the corresponding Vue3 library cannot be correctly identified. I believe WebStorm can do it, but some configurations are not correct. I tried to check node_modules in the Libraries setting, but it had no effect.

3 Solutions

The final solution is referenced here (source):

Select the node_modules folder, right-click and select Mark Directory as, and finally select Not Excluded.

It will take some time to index, just wait for it to complete.

4 Some thoughts

After looking at the WebStorm documentation, the folders in the project are divided into four categories:

• Source: Default option, all folders are considered Source by default unless set to Tests/Resource Root/Excluded
• Tests: Folder marked as tests
• Resource Root: resource folder. When you enter some code that requires resources, such as , the resource files under the folder path will be automatically prompted.
• Excluded: Folders that will be ignored by code completion, code navigation, etc. This option can improve WebStorm performance

Searching for Directories in the settings reveals that node_modules is Excluded by default:

After being marked as Not Excluded, it is no longer red:

So the solution is not that difficult, it's just that the cause cannot be identified correctly.

The above is the detailed content of the solution to WebStorm’s inability to correctly identify the Vue3 combined API. For more information about WebStorm’s inability to correctly identify the Vue3 combined API, please pay attention to other related articles on 123WORDPRESS.COM!