JavaScript/TypeScript/CSS

Prerequisites

In order to analyze JavaScript, TypeScript, or CSS code, you need to have a supported version of Node.js installed on the machine running the scan. The recommended versions are v16 and v18. We recommend using the active LTS version of Node.js for optimal stability and performance. +v14.17.0 is still supported, but it already reached end-of-life and is deprecated.

If node is not available in your PATH, you can use property sonar.nodejs.executable to set an absolute path to Node.js executable.

If you have a community plugin for CSS analysis installed on your SonarQube instance it will conflict with analysis of CSS, so it should be removed.

Language-Specific Properties

Discover and update the JavaScript / TypeScript properties in the project Administration > General Settings > JavaScript / TypeScript.

Discover and update the CSS properties in: Project Administration > General Settings > CSS.

Supported Frameworks and Versions

  • ECMAScript 3, 5, 2015, 2016, 2017, 2018, 2019, and 2020
  • TypeScript 4.8
  • React JSX, Vue.js, Angular
  • Flow
  • CSS, SCSS, Less, also 'style' inside PHP, HTML and VueJS files

Troubleshooting

Slow or unresponsive analysis

On a big project, more memory may need to be allocated to analyze the project. This would be manifested by analysis getting stuck and the following stacktrace might appear in the logs

ERROR: Failed to get response while analyzing [file].ts
java.io.InterruptedIOException: timeout

You can use sonar.javascript.node.maxspace property to allow the analysis to use more memory. Set this property to 4096 or 8192 for big projects. This property should be set in sonar-project.properties file or on command line for scanner (with -Dsonar.javascript.node.maxspace=4096).

Default exclusions for JS/TS

By default, analysis will exclude files from dependencies in usual directories, such as node_modulesbower_componentsdistvendor, and external. It will also ignore .d.ts files. If for some reason analysis of files in these directories is desired, it can be configured by setting sonar.javascript.exclusions property to empty value, i.e. sonar.javascript.exclusions="", or to comma separated list of paths to be excluded. This property will exclude only JavaScript/TypeScript files, while sonar.exclusions property will exclude all files. The sonar.exclusions property should be preferred to configure general exclusions for the project.

Custom rules for JS/TS

Custom rules are not supported by the analyzer. As an alternative we suggest you to have a look at ESLint, it provides custom rules that you can then import thanks to the External Issues feature.

© 2008-2022, SonarCloud by SonarSource SA. All rights reserved.