Angular Ionic 4 Karma代码覆盖率生成没有数据的HTML文件

在我的爱奥尼亚项目文件夹中运行

ng测试--code覆盖

，生成覆盖文件夹，其中包含所有需要的html/css/js文件。

lcov.info

文件包含测试数据，但html文件中没有值

index.html

中的一个示例行：

%
/
%
/
%
/
%
/

这是浏览器中的文件：

样式似乎从lcov数据中获得了信息，因为颜色与我通过终端获得的数据相匹配：

----------------------------------------------------|----------|----------|----------|----------|-------------------|
文件|%Stmts |%Branch |%Funcs |%Line |未覆盖行|s|
----------------------------------------------------|----------|----------|----------|----------|-------------------|
所有文件| 49.75 | 10.77 | 38.67 | 48.13 ||
src | 100 | 100 | 100 | 100 ||
polyfills.ts | 100 | 100 | 100 | 100 ||
test.ts | 100 | 100 | 100 | 100 ||
zone-flags.ts | 100 | 100 | 100 | 100 ||
src/app | 100 | 100 | 100 | 100 ||
app.component.ts | 100 | 100 | 100 | 100 ||
src/app/calendar | 16.56 | 0 | 8.89 | 16.44 ||
calendar.page.ts | 16.56 | 0 | 8.89 | 16.44 |。。。24,425,426,427 |
src/app/calendar/assignment | 100 | 100 | 100 | 100 ||
assignment.component.ts | 100 | 100 | 100 | 100 ||
src/app/calendar/resource | 100 | 100 | 100 | 100 ||
resource.component.ts | 100 | 100 | 100 | 100 ||
src/app/calendar/resource selection | 75 | 100 | 40 | 72.73 ||
资源选择.component.ts | 75 | 100 | 40 | 72.73 | 32,34,35|
[...]

这是我的业力配置：

module.exports=函数（配置）{
config.set({
基本路径：“”，
框架：['jasmine'，'angular devkit/build angular']，
插件：[
需要（“噶玛茉莉花”），
需要（'karma-chrome-launcher'），
要求（'karma-jasmine-html-reporter'），
要求（“karma-coverage-istanbul-reporter”），
需要（“@angular devkit/build angular/plugins/karma”），
],
客户：{
clearContext:false，//使Jasmine Spec Runner输出在浏览器中可见
},
报道者：{
目录：require（'path'）。join（'uuuu dirname'。/coverage'），
报告：['html'，'lcovonly'，'text']，
FixWebPackageSourcePath:true，
},
记者：[“进步”，“kjhtml”]，
港口：9876，
颜色：对，
日志级别：config.LOG\u INFO，
自动观察：没错，
浏览器：['Chrome']，
单程：错，
});
};

---

我遗漏了什么吗？

不幸的是，我无法生成完整代码覆盖率结果的HTML表示。然而，我能够以文本格式生成CI/CD集成的cobertura（Junit）

我的karma.conf.js：

---

不幸的是，我无法生成完整代码覆盖率结果的HTML表示。然而，我能够以文本格式生成CI/CD集成的cobertura（Junit）

我的karma.conf.js：

---

该问题是由车把lib引起的。在最新版本中引入了回归。因此，为了解决这个问题（作为一个解决办法，直到车把lib修复）-您可以手动安装工作版本的把手，并将其添加到您的

devdependentials

中，例如：

npm i-Dhandlebars@4.1.2

或在您的

npm shrinkwrap.json

/

package lock.json中将车把的版本更改为正确的版本，如下所示：

         "handlebars": {
-            "version": "4.7.3",
-            "integrity": "sha1-js4nl4Johs+AgtFyb/IdKgIlUO4=",
+            "version": "4.1.2",
+            "integrity": "sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==",
             "requires": {

该问题是由车把lib引起的。在最新版本中引入了回归。因此，为了解决这个问题（作为一个解决办法，直到车把lib修复）-您可以手动安装工作版本的把手，并将其添加到您的
devdependentials
中，例如：
npm i-Dhandlebars@4.1.2
或在您的
npm shrinkwrap.json
/
package lock.json中将车把的版本更改为正确的版本，如下所示：

         "handlebars": {
-            "version": "4.7.3",
-            "integrity": "sha1-js4nl4Johs+AgtFyb/IdKgIlUO4=",
+            "version": "4.1.2",
+            "integrity": "sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==",
             "requires": {


删除
包锁.json
rm-rf节点\u模块
运行
npm安装
删除
包锁.json
rm-rf节点\u模块
运行
npm安装
我也有同样的问题。“coverage”reporter确实以文本格式生成完整的详细报告，但不是HTML。我和你一样都有空白字段。@Alex.A你有解决办法吗？这对我仍然不起作用。请检查我的答案。@HugoB.，你的因果报应伊斯坦布尔记者版是什么？@AriLinn
“因果报应伊斯坦布尔记者”：“~2.1.1”
我也有同样的问题。“coverage”reporter确实以文本格式生成完整的详细报告，但不是HTML。我和你一样都有空白字段。@Alex.A你有解决办法吗？这对我仍然不起作用。请检查我的答案。@HugoB.，你的因果报应是什么