Problems tool window
View | Tool Windows | Problems
The Problems tool window displays problems that WebStorm detects in your project using several tabs.
You can select any problem in the window and press or double-click it to jump to the corresponding line in the editor.
To cycle through the tool window tabs, press and .
When the design-time code inspection is enabled, this The IDE continuously checks your code and searches for problems. This tab lists all code issues found in the current file. The list is updated as you switch between files in the editor.
Item | Tooltip and shortcut | Description |
|---|---|---|
| View Options | Filter out code issues by their severity and configure their sorting. When no grouping or sorting options are selected, the issues are listed in the order they appear in the file. |
| Show Quick-Fixes | Show quick-fixes available for the selected problem. |
| Open Editor Preview | Open the preview pane to view the selected issue in its source context right in the Problems window. Note that this preview is a normal editor where you can change the code and apply available quick-fixes. |
Item | Shortcut | Description |
|---|---|---|
Show Quick-Fixes | Show quick-fixes available for the selected problem. | |
Copy Problem Description | Copy the problem description to the clipboard. | |
Jump to Source | Open the code containing the problem in the editor. | |
Show Error Details | Open error details in a separate dialog. |
The tab shows the errors in all previously opened files, with error messages grouped by files in which they were detected.
Item | Tooltip and shortcut | Description |
|---|---|---|
| View Options | Filter out code issues by their severity and configure their sorting. When no grouping or sorting options are selected, the issues are listed in the order they appear in the file. |
| Show Quick-Fixes | Show quick-fixes available for the selected problem. |
| Open Editor Preview | Open the preview pane to view the selected issue in its source context right in the Problems window. Note that this preview is a normal editor where you can change the code and apply available quick-fixes. |
| Expand All | Expand all nodes. |
| Collapse All | Collapse all nodes. |
Item | Shortcut | Description |
|---|---|---|
Copy Problem Description | Copy the problem description to the clipboard. | |
Jump to Source | Open the code containing the problem in the editor. | |
Show Error Details | Open error details in a separate dialog. |
This tab displays code problems detected with Qodana. Qodana allows you run inspections locally including your IDE, and as a part of CI/CD pipelines.
Item | Tooltip and shortcut | Description |
|---|---|---|
| Log in to Qodana | Log in to Qodana Cloud. This action is a prerequisite for linking your project with Qodana Cloud-based reports. Alternatively, you can do it from the main menu: Tools | Qodana | Log in to Qodana. For more information, refer to Qodana Cloud. |
| Logged in to Qodana | You are logged in to Qodana Cloud. You can link your project with Qodana Cloud. |
| Link Project with Cloud | Link your project and upload the report to Qodana Cloud. Alternatively, you can do it from the main menu: Tools | Qodana | Link Project with Cloud. For more information, refer to Open report from Qodana Cloud. |
| Linked with Cloud | Your project is linked with Qodana Cloud. By clicking this button, you can open the inspection report in the cloud or unlink your project from Qodana Cloud. |
| Refresh Cloud Report | Refresh the current cloud report. |
| View Options | Filter out code issues by their severity and configure their sorting. When no grouping or sorting options are selected, the issues are listed in the order they appear in the file. |
| Open Editor Preview | Open the preview pane to view the selected issue in its source context right in the Problems window. Note that this preview is a normal editor where you can change the code and apply available quick-fixes. |
| Expand All | Expand all nodes. |
| Collapse All | Collapse all nodes. |
| Show Qodana in Browser | Open the results of the analysis in your default browser. An interactive report opens allowing you to examine the problems in detail and navigate between the report and the IDE. |
Item | Shortcut | Description |
|---|---|---|
Show Quick-Fixes | Show quick-fixes available for the selected problem. | |
Jump to Source | Open the code with the problem in the editor. | |
Show Error Details | Learn more in formation about the detected problem in a popup. | |
qodana.yaml | Modify the qodana.yaml configuration file by excluding from the analysis certain files, folders, or inspections. |
This tab appears when you run code inspections manually and shows the analysis results.
Item | Shortcut | Description |
|---|---|---|
| Run the inspection and show the results on the same tab. | |
| Navigate to the previous problem. | |
| Navigate to the next problem. | |
| Resolve the problem for the selected inspection item by choosing one of the available quick fixes from the list. | |
| Change the settings for the selected inspection or group of inspections in the Errors dialog. | |
| Group or filter found problems according to the selected option:
| |
| Expand all nodes. | |
| Collapse all nodes. | |
| Export the inspection results into XML , Sarif, or HTML format. |
Item | Shortcut | Description |
|---|---|---|
Jump to Source | Open the file that contains the selected problem in the editor and place the caret at the beginning of the corresponding code fragment. | |
Exclude | Exclude the selected items from further examination. Excluded nodes are shown strikethrough. If the filter toggle | |
Include | Include previously excluded items in the list of results. All nested elements are included too. | |
| Select one of the suggested solutions. | |
Suppress problem | Suppress the inspection for the selected problem or the selected class. | |
Edit Settings | Change the settings for the selected inspection or group of inspections in the Errors dialog. | |
Disable inspection | Disable alerts for the selected inspection in the active tab of results. If the filter toggle | |
Run inspection on | Rerun the selected inspection and display the results on a new tab. |
The inspection report is shown in the right pane of the results tab when an inspection node is selected in the left pane. The report may include the following:
Problem resolution: A button for each of the available solutions. Clicking a button invokes the corresponding fix. If no buttons are present, you have to fix the problem yourself.
Suppress: Click this button to reveal the list of inspection suppress options.
Problem synopsis: A brief description of the problem.
Disable inspection: Disable alerts for the selected inspection in the active tab of results. If the filter toggle
is on, the nodes for disabled inspections are hidden. Run inspection on: Rerun the selected inspection and display the results on a new tab.
The tab lists all the vulnerable packages detected in your project. For more information, refer to Detect vulnerable packages.
Item | Shortcut | Description |
|---|---|---|
Show safe | Mark the selected vulnerable package safe. | |
| Refresh | |
| Expand all nodes. | |
| Collapse all nodes. | |