如何為 Angular 7 項目設置聲納

Question

嘗試為 Angular 7 代碼庫設置 Sonarqube 以進行代碼覆蓋率分析。 我已經安裝了 Sonarqube 並在獲得授權 cmd 后在 Admin 中創建了一個項目

"sonar-scanner.bat -D"sonar.projectKey=TestApp" -D"sonar.sources=." -D"sonar.host.url= http://127.0.0.1:9000 " -D"sonar.login= 5089f6d1cc070b3c9e96273405a7e354721030c7""

試圖在 Angular 項目中運行...它開始掃描項目，但失敗了，我是否配置了其他任何其他項目來運行掃描

“以下是掃描儀控制台中顯示的消息”

INFO: 1024/1024 source files have been analyzed
INFO: Sensor TypeScript analysis [javascript] (done) | time=200377ms
INFO: Sensor JavaXmlSensor [java]
INFO: Sensor JavaXmlSensor [java] (done) | time=256ms
INFO: Sensor HTML [web]
INFO: Sensor HTML [web] (done) | time=2605ms
INFO: Sensor SonarTS [typescript]
INFO: Since SonarTS v2.0, TypeScript analysis is performed by SonarJS analyzer v6.0 or later. No TypeScript analysis is performed by SonarTS.
INFO: Sensor SonarTS [typescript] (done) | time=20ms
INFO: ------------- Run sensors on project
INFO: Sensor Zero Coverage Sensor
INFO: Sensor Zero Coverage Sensor (done) | time=1038ms
INFO: SCM Publisher SCM provider for this project is: svn
INFO: SCM Publisher 2109 source files to be analyzed
INFO:
INFO:
INFO: SCM Publisher 0/2109 source files have been analyzed (done) | time=28586ms
INFO: ------------------------------------------------------------------------
INFO: EXECUTION FAILURE
INFO: ------------------------------------------------------------------------
INFO: Total time: 9:48.956s
INFO: Final Memory: 14M/60M
INFO: ------------------------------------------------------------------------
ERROR: Error during SonarQube Scanner execution
java.lang.IllegalStateException: Error when executing blame for file

Answer 1

第 1 步 - 安裝 Sonarqube

要安裝 Sonarqube，首先從https://www.sonarqube.org/downloads/下載 Sonarqube 。

第 2 步 - 使用 Angular 配置聲納

運行 - npm install sonar-scanner --save-dev

在 Angular 根目錄中創建一個名為 sonar-project.properties 的文件並添加以下屬性

sonar.host.url=http://localhost:9000
sonar.login=admin
sonar.password=admin
sonar.projectKey=test-app
sonar.projectName=test-app
sonar.projectVersion=1.0
sonar.sourceEncoding=UTF-8
sonar.sources=src
sonar.exclusions=**/node_modules/**
sonar.tests=src
sonar.test.inclusions=**/*.spec.ts
sonar.typescript.lcov.reportPaths=coverage/lcov.info

第 3 步 - 將 Karma 代碼覆蓋率與 Sonarqube 集成

在 package.json 中添加一個名為 sonar 的腳本

"scripts": {
    "sonar": "sonar-scanner"
}

最后，運行以下命令將 Karma 覆蓋范圍與聲納服務器集成，

npm run sonar

您將通過導航到http://localhost:9000/projects直接在 Sonar 服務器上查看結果