Javascript 打字脚本+;因果报应+;网页包+;代码溢出不起作用

Javascript 打字脚本+;因果报应+;网页包+;代码溢出不起作用,javascript,angularjs,typescript,webpack,karma-coverage,Javascript,Angularjs,Typescript,Webpack,Karma Coverage,我想按照分步说明将angular1项目迁移到angular2。因此,我将typescript添加到项目中。但是现在我在使用Karma、Webpack和CodeCoverage运行时遇到了问题。 单元测试都是绿色的,但是代码覆盖率没有在报告中显示“.ts”文件 我必须如何配置karma.config才能正常工作?我已经尝试过“karma typescript”和“karma remap istanbul”,尽管我一直在为所有依赖项设置正确的设置 这是我的karma.conf.js: //将用于解析

我想按照分步说明将angular1项目迁移到angular2。因此,我将typescript添加到项目中。但是现在我在使用Karma、Webpack和CodeCoverage运行时遇到了问题。 单元测试都是绿色的,但是代码覆盖率没有在报告中显示“.ts”文件

我必须如何配置karma.config才能正常工作?我已经尝试过“karma typescript”和“karma remap istanbul”,尽管我一直在为所有依赖项设置正确的设置

这是我的karma.conf.js:

//将用于解析所有模式(例如文件、排除)的基本路径
基本路径:“../”,
//要使用的框架
//现有框架:https://npmjs.org/browse/keyword/karma-adapter
框架:['jasmine'],
//要在浏览器中加载的文件/图案列表
档案:[
“node_modules/sinon/pkg/sinon-1.17.5.js”,
'node_modules/jquery/dist/jquery.min.js',
'node_modules/jasmine jquery/lib/jasmine jquery.js',
'node_modules/svg4everybody/dist/svg4everybody.min.js',
'specs/unit/mocks/*.js',
'specs/config/karma.import.js'
],
//要排除的文件列表
排除:[
],
//在将匹配文件提供给浏览器之前对其进行预处理
//可用的预处理器:https://npmjs.org/browse/keyword/karma-preprocessor
预处理器:{
'app/***.ts':['karma-typescript'],
'specs/config/karma.import.js':['webpack','sourcemap']
},
//要使用的测试结果报告器
//可能值:“点”、“进度”
//现有记者:https://npmjs.org/browse/keyword/karma-reporter
记者:['规格','报道'],
报道员:{
记者:[
{type:'html',subdir:'.}
],
检测程序:{isparta:require('isparta')},
仪表工:{
“app/src/***.js”:“isparta”
},
仪表选项:{
伊斯坦布尔:{noCompact:true}
},
includeAllSources:正确
},
//web服务器端口
港口:9876,
插件:[
“karma babel预处理器”,
“卡玛铬发射器”,
“因果报应茉莉花”,
“因果报应”,
“因果报应规范记者”,
“业力覆盖”,
“因果报应网页”,
“karma sourcemap loader”,
“因果报应打字稿”
],
//启用/禁用输出中的颜色(报告器和日志)
颜色:对,
//记录级别
//可能值:config.LOG_DISABLE | | config.LOG_ERROR | | config.LOG_WARN | | config.LOG_INFO | | config.LOG_DEBUG
日志级别:config.LOG\u INFO,
//启用/禁用监视文件并在任何文件更改时执行测试
自动观察:没错,
//启动这些浏览器
//可用的浏览器启动器:https://npmjs.org/browse/keyword/karma-launcher
浏览器:['Chrome'],
//连续集成模式
//如果为真,Karma将捕获浏览器,运行测试并退出
单程:错,
//并发级别
//应同时启动多少个浏览器
并发:无限,
再处理程序:{
选项:{
预设:[“最新”],
sourceMap:“内联”
},
sourceFileName:函数(文件){
返回file.originalPath;
}
},
//用于处理规范文件和准备所有文件的特殊网页包配置
//代码覆盖工具的模块
网页:{
devtool:“内联源映射”,
模块:{
加载程序:webpackConfig.module.loaders,
预紧器:[
// {
//测试:/\.js$/,,
//加载器:“巴贝尔”,
//包括:/app\/src/,
//排除:/node_模块|供应商/,
//查询:{
//缓存目录:true
//   }
// },
{
测试:/\.js$/,,
装载机:'伊斯坦布尔仪器',
包括:/app\/src/,
排除:/node_模块|供应商/,
查询:{
cacheDirectory:true,
埃斯莫杜勒斯:是的
}
}
]
},
缓存:真
},
Web包中间件:{
统计数据:{
错误:错误,
颜色:真的
}
}
这是“karma.import.js”,其中所有资源分别加载:

const testsContext=require.context(“../../app/src/”,true,/\.spec\.js$/);
testsContext.keys().forEach(testsContext);
//需要所有`src/components/**/index.js`
const componentsContext=require.context(“../../app/src/”,true,/(app)\.js$/);
ComponentContext.keys().forEach(ComponentContext);
要求(“角度模拟”);